ReduxToolkit Query에 대해서 잘 정리된 문서 / 영상을 찾아보기가 굉장히 힘들었고 특히 한국어로 되어있는 양질의 문서는 거의 전멸에 가까운 수준이었습니다. 그나마.. 영미권 유튜브로 눈길을 돌려보면 좋은 자료들이 있었지만 그럴바에는 그냥 잘 정리된 공식문서를 보면서 해나가는 게 낫겠다.라는 결론을 내렸습니다. 제목이 Slow Start인 이유는 공식문서를 따라가며 천천히 각 기능들을 파악하는 시간을 가지면서 시작을 하고 싶은 사람(저같은 사람)들을 위해 작성했기 때문입니다. 🐕 공식문서를 따라서. https://redux-toolkit.js.org/tutorials/rtk-query RTK Query | Redux Toolkit redux-toolkit.js.org RTK Query를 사용..
https://beta.nextjs.org/docs/routing/linking-and-navigating 위 문서에 대한 번역을 진행합니다. 번역시점은 2023-05-01로 공식문서의 추가적인 업데이트가 있을 수 있습니다. 번역기와 챗지피티에 의존해서 번역하고있습니다. 번역체를 자연스러운 어투로 옮기는 과정에서 오역이 발생할 수 있는 점 미리 알립니다. 한글로 번역하는 것이 더 어색한 단어의 경우 원문을 먼저 표기하겠습니다. 역자의 개인적인 의견에 대한 내용은 이 안에서 이루어집니다. Linking and Navigating Next.js 라우터는 클라이언트 측 탐색과 서버 중심 라우팅을 사용합니다. instant(즉각적인)한 로딩 상태와 concurrent rendering(동시 렌더링)을 지원합니다..
🐕 Yarn berry Cannot find module prettier 별 생각없이 prettier가 잘 동작할거라고 믿었지만.. 제 기대를 처참히 배신하는 yarn berry 그래요... 그럴 수 있지.. 하지만 내가 겪는 이 문제는 보통 대부분의 사람들이 이미 겪은 문제일 것이다. 라는 생각과 얼마전 다른 분이 yarnberry에서 prettier 적용 문제로 골치아파하시는 것을 보아서 어느정도 저도 예상은 하고 있는 문제였습니다. 다행히 해결방법이 그리 까다롭지는 않아서 약간의 구글링으로 해결할 수 있었어요 알아보니 yarn berry의 PnP를 사용할 때 prettier 를 인식하지 못하는 문제는 꽤 큰 이슈 중 하나로 이미 과거에 많이 다루어진 전적이 있었고 yarn docs에서도 해결 방법을..
https://beta.nextjs.org/docs/routing/pages-and-layouts 위 문서에 대한 번역을 진행합니다. 번역시점은 2023-05-01로 공식문서의 추가적인 업데이트가 있을 수 있습니다. 번역기와 챗지피티에 의존해서 번역하고있습니다. 번역체를 자연스러운 어투로 옮기는 과정에서 오역이 발생할 수 있는 점 미리 알립니다. 한글로 번역하는 것이 더 어색한 단어의 경우 원문을 먼저 표기하겠습니다. 역자의 개인적인 의견에 대한 내용은 이 안에서 이루어집니다. Pages and Layouts 이 글을 읽기 전에 라우팅에 대한 기본 사항과 정의를 먼저 읽어보시는 것을 권해드려요 Next.js 13의 app 라우터에는 pages, shared layouts(공유 레이아웃) , templat..
https://beta.nextjs.org/docs/data-fetching/fetching 위 문서에 대한 번역을 진행합니다. 번역시점은 2023-05-01로 공식문서의 추가적인 업데이트가 있을 수 있습니다. 번역기와 챗지피티에 의존해서 번역하고있습니다. 번역체를 자연스러운 어투로 옮기는 과정에서 오역이 발생할 수 있는 점 미리 알립니다. 한글로 번역하는 것이 더 어색한 단어의 경우 원문을 먼저 표기하겠습니다. 역자의 개인적인 의견에 대한 내용은 이 안에서 이루어집니다. Data Fetching Good to know 이 새로운 데이터페칭모델은 현재 React 팀에서 개발 중입니다. 우리는 React RFC 문서를 읽어볼 것을 추천해요! async/await 기능을 도입한 서버 컴포넌트와 클라이언트 컴..
https://beta.nextjs.org/docs/data-fetching/fundamentals 위 문서에 대한 번역을 진행합니다. 번역시점은 2023-05-01로 공식문서의 추가적인 업데이트가 있을 수 있습니다. 번역기와 챗지피티에 의존해서 번역하고있습니다. 번역체를 자연스러운 어투로 옮기는 과정에서 오역이 발생할 수 있는 점 미리 알립니다. 한글로 번역하는 것이 더 어색한 단어의 경우 원문을 먼저 표기하겠습니다. 역자의 개인적인 의견에 대한 내용은이 안에서 이루어집니다. 새로운 Next.js의 App Router에 대해 소개합니다. 새로운 Router는 data fetching(데이터 가져오기)를 좀 더 단순화시켰습니다. 이 페이지에서는 기본적인 concept(개념)과 패턴을 다룹니다. Good ..
모노레포..? 🙂모노레포 yarn berry를 사용해보려고 많이 노력을 쏟았는데 막상 yarn berry를 도입하는 분들의 포스팅을 보면 모노레포를 구성하기 위해서라는 근거가 같이 따라오는 경우가 많았습니다. yarn berry를 이용하면 모노레포라는 것을 구성하기 쉽구나.. 정도로 이해하고 넘어갔는데 모노레포라는 개념이 어떤 점이 좋아서 다들 열심히 도입해보는지 궁금해졌습니다. git과 같은 형상관리툴에 친하지 않은 탓에 이게 뭐가 좋은지 잘... 안 와닿더라구요 https://en.wikipedia.org/wiki/Monorepo Monorepo - Wikipedia From Wikipedia, the free encyclopedia A single large version control reposi..
🐕 SSG는 뭐임... CSR, SSR은 어느정도 알고 있다고 생각하는데 Next.js 생태계로 들어가보면 처음 보는 단어들이 튀어나옵니다 SSG는 뭐고 ISR은 뭔가 싶어요 fullname으로 보면 이해가 쉬울 것 같아 찾아보니 SSG는 "Static Site Generation"을 뜻한다고 합니다. 직역하면 정적 사이트 생성으로 해석할 수 있겠네요 SSG와 ISR은 서버사이드 렌더링 환경에서 성능과 사용자 경험을 개선하는 데에 사용하는 일반적인 기술입니다. 웹사이트의 콘텐츠들을 빌드 시점에서 사전 구축하여 정적인 HTML 페이지의 형태로 사용자에게 제공하는 것 이라고 요약을 할 수가 있겠네요 SSG는 빌드 시점에 페이지를 생성해두는 것 정도로 이해하고 넘어가겠습니다. 엄밀한 개념은 다를 수 있지만요...
