Next.js

Recording/멋쟁이사자처럼 BE 13기

[멋쟁이사자처럼 부트캠프 TIL 회고] BE 13기_89일차_"프론트엔드 상태관리"

🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [89]일차🚀89일차 회고에는 프론트엔드에서 리액트의 상태관리에 대한 도구 개념을 학습해보았다.학습 목표 : 프론트엔드의 상태관리 시 사용할 수 있는 솔루션을 알게되는 것학습 과정 : 회고를 통해 작성리액트 상태관리프론트엔드의 상태 : 렌더에 관련된 값리액트는 독립적인 컴포넌트 단위로 구성되어있어서useState hook을 사용하여 하나의 컴포넌트에서 상태를 관리하고 props를 통해 부모-자식 간에 상태를 전파함 상태관리 툴을 사용해 효율적으로 상태 관리가 가능상태관리를 위한 툴로는 Context API, Redux, React Query, Zustand 등ZustandZustand란 상태라는 뜻을 가진 독일어단순화된 Flux 원리를 사용작..

Recording/멋쟁이사자처럼 BE 13기

[멋쟁이사자처럼 부트캠프 TIL 회고] BE 13기_87일차_"팀프로젝트 - Next.js"

🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [87]일차🚀87일차에는 프론트엔드 개발 착수를 위한 Next.js에 대한 학습을 할 수 있었다.학습 목표 : 프론트엔드에서 Next.js와 Cursor AI를 활용하여 개발을 진행할 수 있어야함학습 과정 : 회고를 통해 작성리액트와 Next.js의 차이점 ➡️리액트 - SPA (Single Page App)리액트는 라우터(Router)를 직접 구현해야한다 (=라우터의 구조를 직접 구현)이처럼 Router를 따로 정의해서 component형태로 넣어놔야 동작을 할 수 있는 원리 ➡️Next.js - SSR (Server Side Rendering)반면 Next.js는 이미 완성된 규칙을 따라간다.ex. 디렉토리 post에 page.tsx을 생..

LEFT
'Next.js' 태그의 글 목록