개발기록

https://react.dev/reference/rsc/server-components Server Components – ReactThe library for web and native user interfacesreact.dev https://funveloper.tistory.com/214 React 의 RSC, RCC 에 대하여 (with Next.js)React 18 버전이 출시 된 후 Next.js 에서는 app dir 기능이 도입되어 React 의 RSC, RCC 기능을 사용할 수 있게 되었습니다. 이번 포스트에서는 최근 화두인 RSC, RCC 에 대해 한번 정리해보고자 합니다. RSCfunveloper.tistory.com https://www.blan19.com/tech/rsc-deep-..

1. useTransitions기존 방식useState로 상태 직접 관리 React 19 이후useTransitions으로 간소화함 2. useFormState -> useActionStateuseFormState가 useActionState로 대체됨.비동기 작업과 상태관리 간소화 3. useFormStatus하위 컴포넌트에서 상위 form 상태를 읽을 수 있도록 해주는 Hookform 상태관리 간소화 4. useOptimistic낙관적 업데이트를 할 수 있음 5. 새로운 API: usePromise나 context와 같은 리소스의 값을 읽을 수 있게 해줌              https://react.dev/blog/2024/12/05/react-19 React v19 – ReactThe librar..

https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignoredhttps://toss.tech/article/node-modules-and-yarn-berry node_modules로부터 우리를 구원해 줄 Yarn Berry토스 프론트엔드 레포지토리 대부분에서 사용하고 있는 패키지 매니저 Yarn Berry. 채택하게 된 배경과 사용하면서 좋았던 점을 공유합니다.toss.tech  https://brunch.co.kr/@5c684f75c47e4a9/34 Next.js에 yarn berry 사용해보기왜 자꾸 나 몰래 유행하는지.., | 새 프로젝트에 들어가며, 언제나 그랬듯 기술스택을 고민한다. 익숙하고 편한 리액트?  귀찮고 낯선 새로운 기..

보호되어 있는 글입니다.

*️⃣ Routing App router 방식은 파일시스템 베이스 방식으로 라우팅이 작동된다. 즉, 폴더와 파일로 라우팅을 구성하는 것이다. 기본적인 Next.js의 Routing Conventions(관례)이 있다. 모든 라우팅은 app 폴더 안에 있어야 한다. 라우팅이 매치되는 파일이름은 page.js(pages.tsx) 등 "page"라는 이름이어야 한다. 폴더 이름이 브라우저에서 보이는 URL의 path가 된다. *️⃣ 주소의 최상단 페이지 가장 처음 접하는 주소는 바로 '/'이다. Next.js에서는 app 폴더 바로 밑에 있는 page.tsx 파일이 '/' 주소에 해당한다. 'src/app/page.js' 여기서 app 폴더 바로 밑에 있는 page.js는 바로 브라우저의 최상위 주소인 '/'..