권권서진inblog.skku-comit.dev·Feb 4, 2024 · 3 min readGraphQL vs REST APIGraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State Transfer의 약자로 URL로 자원을 표현하고 HTTP 요청을 통해 CRUD를 실행하는 API이다. GET api/todos/1PUT api/todos/1 처럼 HTTP 메소...00
권권서진inblog.skku-comit.dev·Jan 26, 2024 · 4 min readReact + Express 개발 환경 세팅초보 개발자에게 있어 개발 프로젝트에서 넘어야 하는 첫 번째 난관은 개발 환경 세팅입니다. 개발 환경 세팅으로 몇 분, 혹은 몇 시간을 삽질로 태우게 된다면 '시작이 반이다' 라는 말에 격하게 공감하게 될 것입니다. 저도 공감하고 싶지는 않았습니다. 오늘은 React, Typescript, Tailwind를 사용하는 프론트엔드 개발 환경 설정과 Express로 서버를 만들어 client에서 data fetching을 할 수 있도록 하는 과정에 ...00
권권서진inblog.skku-comit.dev·Jan 17, 2024 · 3 min read[Next.js] Parallel RoutesParallel Routes 병렬 라우팅이란 하나의 레이아웃에서 여러 페이지를 동시에 렌더링하는 것입니다.(아래의 예시에서 team과 analytics, 2개의 page를 동시에 렌더링 중) Convention 슬롯(@folder) 을 사용하여 생성하며, 동일 레벨의 layout에 props로 전달됩니다. /*app/layout.tsx*/ export default function Layout(props: { children: React...00
권권서진inb0xercat.hashnode.dev·Jan 16, 2024 · 3 min readParallel RoutesParallel Routes 병렬 라우팅이란 하나의 레이아웃에서 여러 페이지를 동시에 렌더링하는 것입니다.(아래의 예시에서 team과 analytics, 2개의 page를 동시에 렌더링 중) Convention 슬롯(@folder) 을 사용하여 생성하며, 동일 레벨의 layout에 props로 전달됩니다. /*app/layout.tsx*/ export default function Layout(props: { children: React...00