[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🌀] Ref 에 대한 고찰 🔍 / 2️⃣ - useRef 와 useState, 그리고 global Variable
들어가며 이전 포스팅을 읽고 오시는 것을 추천드립니다 ! https://programming119.tistory.com/265 [React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef Ref는 언제 사용할까? ref 는 references 의 약자로, React 에서 특정 컴퍼넌트를 접근하는 데에 사용하는 props 라고 이해하고 있으면 편합니다. 리액트에서 DOM을 컨트롤할때 주로 이 ref 를 이용하지 programming119.tistory.com useRef와 useState [React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef 를 읽고 오셨다면, 사실 두 훅을 구분하는 것은 너무나도 간단한 일입니다. useState는 리액트의 핵심 훅..
2022. 5. 15.
[React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef
Ref는 언제 사용할까? ref 는 references 의 약자로, React 에서 특정 컴퍼넌트를 접근하는 데에 사용하는 props 라고 이해하고 있으면 편합니다. 리액트에서 DOM을 컨트롤할때 주로 이 ref 를 이용하지만, ref 의 개념이 리액트를 처음 이용하는 사람들은 직관적으로 이해하기가 쉽지 않고, 리액트를 어느 정도 활용할줄 아는 사람도 정확히 ref가 뭔지 풀어 설명하기가 쉽지 않습니다. 때문에 이번 포스팅에서는, ref 에 대한 개념을 되새겨보고, 사용예시들을 바탕으로 이런저런 고민해볼 점들에 대해 다뤄보고자 합니다! Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. 그러나, 일반적인 데이터 플로우에서 벗어나 직접적으로 자식을 수정해..
2022. 5. 15.
[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.
[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🌀] Ref 에 대한 고찰 🔍 / 2️⃣ - useRef 와 useState, 그리고 global Variable
들어가며 이전 포스팅을 읽고 오시는 것을 추천드립니다 ! https://programming119.tistory.com/265 [React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef Ref는 언제 사용할까? ref 는 references 의 약자로, React 에서 특정 컴퍼넌트를 접근하는 데에 사용하는 props 라고 이해하고 있으면 편합니다. 리액트에서 DOM을 컨트롤할때 주로 이 ref 를 이용하지 programming119.tistory.com useRef와 useState [React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef 를 읽고 오셨다면, 사실 두 훅을 구분하는 것은 너무나도 간단한 일입니다. useState는 리액트의 핵심 훅..
[React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef
Ref는 언제 사용할까? ref 는 references 의 약자로, React 에서 특정 컴퍼넌트를 접근하는 데에 사용하는 props 라고 이해하고 있으면 편합니다. 리액트에서 DOM을 컨트롤할때 주로 이 ref 를 이용하지만, ref 의 개념이 리액트를 처음 이용하는 사람들은 직관적으로 이해하기가 쉽지 않고, 리액트를 어느 정도 활용할줄 아는 사람도 정확히 ref가 뭔지 풀어 설명하기가 쉽지 않습니다. 때문에 이번 포스팅에서는, ref 에 대한 개념을 되새겨보고, 사용예시들을 바탕으로 이런저런 고민해볼 점들에 대해 다뤄보고자 합니다! Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. 그러나, 일반적인 데이터 플로우에서 벗어나 직접적으로 자식을 수정해..
[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..