[FE] 웹 렌더링의 과거와 현재, 그리고 미래 ⏱ / 2️⃣ - 현재 < SPA와 CSR, SSR에 대해>
들어가며 1️⃣ - 과거 [FE] 웹 렌더링의 과거와 현재, 그리고 미래 ⏱ / 1️⃣ - 웹 서비스의 역사
2022. 12. 28.
[React🌀] Next JS 13 업데이트 사항 총 정리 📄
들어가며 안녕하세요. 오랜만에 포스팅을 하네요. 😃 사실 react 와 svelte 를 비교하는 글을 준비하고 있었는데, 아무래도 제가 svelte에 관한 내용을 쓰기에는 사용경험이 너무 적더라구요. 이미 관련된 좋은 글도 너무 많은데 차별성도 없고 내용도 결국 똑같아지는 것 같고.. 몇 가지 개인적인 일들이 있기도 했구요. 아무튼 군소리는 여기까지 하고, 바로 시작하겠습니다! 이 포스팅의 내용들은 99% 이상이 아래 링크된 Next JS의 공식 블로그 내용을 바탕으로 하고 있을 테니, 영어에 자신 있는 분들은 그냥 블로그 글 읽는게 더 도움이 되실 수도 있습니다 😄 Next JS 13 Next JS 12가 공개된지 1년쯤 되었네요 벌써 .. 드디어 Next js 13이 공개되었습니다! https://..
2022. 10. 31.
[React🌀] Next JS 12 업데이트 사항 총 정리 📄
Next JS 12 React와 Next JS 는 끊임없이 변화중이죠.. 괜히 프론트엔드의 메이저 프레임워크로 자리잡혀가는 게 아닌 것 같습니다. Next JS 12 문서 React 18 은 여기 엄청 잘 정리가 되어 있음 Next JS 12 에는 어떤 변화가? Next JS 공식 블로그 에도 깔끔하게 잘 정리가 되어 있습니다. Rust Compiler rust 기반의 컴파일러로 바꿈 refresh 속도가 3배 빌드 속도가 5배 사용해보니 실제로 체감되는 속도 👍 React 18 Support React 18 버전을 지원 Server-Side Streaming Suspense 및 SSR 스트리밍 지원 HTTP 스트리밍을 통해 페이지를 서버 렌더링 가능 말 그대로 해석한 것이긴 한데, 아마 React 가 ..
2021. 12. 6.
[React] 리액트 버전 18은 무엇이 달라졌을까? / React v18
들어가며 본 포스팅은 아래 링크된 리액트 공식문서를 바탕으로 작성된 글입니다. https://ko.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html The Plan for React 18 – React Blog The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve publish ko..
2021. 9. 8.
[IT 면접대비] 개발자 기술면접 대비 🖥️/ 3️⃣ - JavaScript (2)
Scope 란 무엇인가요? 변수가 값을 참조할 때 접근할 범위 이고, 흔히 그 접근할 수 있는 범위를 찾는 규칙을 말합니다. 자바스크립트는 함수 코드 블록 내에서 선언된 변수는 함수 내부에서만 유효한 함수 레벨 스코프를 따릅니다. 동적 스코프 VS 렉시컬 스코프 동적 스코프 : 함수가 호출 되는 순간에 상위 스코프를 결정 렉시컬 스코프 : 함수가 선언 되는 순간에 사위 스코프를 결정 this 는 무엇을 의미할까요? 자바스크립트에서 실행하는 환경의 context를 의미하는 객체입니다. 상황에 따라 다르지만 간단하게 예시를 들어보자면 특정 객체 안에서의 this 는 해당 객체를 의미하고, 글로벌한 환경에서의 this는 window 객체를 의미합니다. 함수에서 쓰였을 때 : 함수를 실행시킨 곳의 객체 메소드에..
2021. 3. 3.
[FE] 웹 렌더링의 과거와 현재, 그리고 미래 ⏱ / 2️⃣ - 현재 < SPA와 CSR, SSR에 대해>
들어가며 1️⃣ - 과거 [FE] 웹 렌더링의 과거와 현재, 그리고 미래 ⏱ / 1️⃣ - 웹 서비스의 역사
[React🌀] Next JS 13 업데이트 사항 총 정리 📄
들어가며 안녕하세요. 오랜만에 포스팅을 하네요. 😃 사실 react 와 svelte 를 비교하는 글을 준비하고 있었는데, 아무래도 제가 svelte에 관한 내용을 쓰기에는 사용경험이 너무 적더라구요. 이미 관련된 좋은 글도 너무 많은데 차별성도 없고 내용도 결국 똑같아지는 것 같고.. 몇 가지 개인적인 일들이 있기도 했구요. 아무튼 군소리는 여기까지 하고, 바로 시작하겠습니다! 이 포스팅의 내용들은 99% 이상이 아래 링크된 Next JS의 공식 블로그 내용을 바탕으로 하고 있을 테니, 영어에 자신 있는 분들은 그냥 블로그 글 읽는게 더 도움이 되실 수도 있습니다 😄 Next JS 13 Next JS 12가 공개된지 1년쯤 되었네요 벌써 .. 드디어 Next js 13이 공개되었습니다! https://..
[React🌀] Next JS 12 업데이트 사항 총 정리 📄
Next JS 12 React와 Next JS 는 끊임없이 변화중이죠.. 괜히 프론트엔드의 메이저 프레임워크로 자리잡혀가는 게 아닌 것 같습니다. Next JS 12 문서 React 18 은 여기 엄청 잘 정리가 되어 있음 Next JS 12 에는 어떤 변화가? Next JS 공식 블로그 에도 깔끔하게 잘 정리가 되어 있습니다. Rust Compiler rust 기반의 컴파일러로 바꿈 refresh 속도가 3배 빌드 속도가 5배 사용해보니 실제로 체감되는 속도 👍 React 18 Support React 18 버전을 지원 Server-Side Streaming Suspense 및 SSR 스트리밍 지원 HTTP 스트리밍을 통해 페이지를 서버 렌더링 가능 말 그대로 해석한 것이긴 한데, 아마 React 가 ..
[React] 리액트 버전 18은 무엇이 달라졌을까? / React v18
들어가며 본 포스팅은 아래 링크된 리액트 공식문서를 바탕으로 작성된 글입니다. https://ko.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html The Plan for React 18 – React Blog The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve publish ko..
[IT 면접대비] 개발자 기술면접 대비 🖥️/ 3️⃣ - JavaScript (2)
Scope 란 무엇인가요? 변수가 값을 참조할 때 접근할 범위 이고, 흔히 그 접근할 수 있는 범위를 찾는 규칙을 말합니다. 자바스크립트는 함수 코드 블록 내에서 선언된 변수는 함수 내부에서만 유효한 함수 레벨 스코프를 따릅니다. 동적 스코프 VS 렉시컬 스코프 동적 스코프 : 함수가 호출 되는 순간에 상위 스코프를 결정 렉시컬 스코프 : 함수가 선언 되는 순간에 사위 스코프를 결정 this 는 무엇을 의미할까요? 자바스크립트에서 실행하는 환경의 context를 의미하는 객체입니다. 상황에 따라 다르지만 간단하게 예시를 들어보자면 특정 객체 안에서의 this 는 해당 객체를 의미하고, 글로벌한 환경에서의 this는 window 객체를 의미합니다. 함수에서 쓰였을 때 : 함수를 실행시킨 곳의 객체 메소드에..