🐕 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는 빌드 시점에 페이지를 생성해두는 것 정도로 이해하고 넘어가겠습니다. 엄밀한 개념은 다를 수 있지만요...
🐕Proxy 우선 프록시 서버가 무엇인지 간단히 알아보고 리액트 프록시에 대해 알아보도록 하겠습니다. 혹시 글에 오류가 있다면 알려주세요.. https://ko.wikipedia.org/wiki/%ED%94%84%EB%A1%9D%EC%8B%9C_%EC%84%9C%EB%B2%84 프록시 서버 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 도식화한 프록시 서버. 두 컴퓨터 사이에 끼어 있는 컴퓨터가 바로 프록시 서버이다. 프록시 서버(영어: proxy server 프록시 서버[*])는 클라이언트가 자신을 통해 ko.wikipedia.org wikipedia에서는 프록시 서버를 다음과 같이 설명합니다. 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 ..
⚡문제정보 https://www.acmicpc.net/problem/1094 1094번: 막대기 지민이는 길이가 64cm인 막대를 가지고 있다. 어느 날, 그는 길이가 Xcm인 막대가 가지고 싶어졌다. 지민이는 원래 가지고 있던 막대를 더 작은 막대로 자른다음에, 풀로 붙여서 길이가 Xcm인 막대 www.acmicpc.net 백준은 입력받는게 귀찮아보여서 멀리하고 있다가 입력받기 아하모먼트가 오면서 허겁지겁 문제를 푸는 중입니다. 가볍게 실버 5 문제 하나 풀어봤읍니다. 조건은 간단합니다 64보다 작은 자연수 X가 주어지고 그 자연수를 만들기위해 필요한 막대의 수를 구하면됩니다. 막대는 반드시 반으로만 자를 수 있는데 반으로 자른 막대의 길이가 X보다 작다면 막대 하나를 버립니다. 여기까지 이해가 되었다..
