깊이 파기 위해 넓게 삽질하고 있습니다.
이전 글에서 얘기했듯이, Next13에서 데이터를 가져오는 Component는 Server Component로 구현하는 것을 추천한다. 물론 반드시 그래야 하는 것은 아니고, Client Component에서 데이터를 가져오고 싶다면 Next12에서 했던 것처럼...
Next가 13 버전이 되면서 가장 큰 변화는 Server Component와 Client Component 컨셉의 지원이라고 생각한다. 그렇기 때문에 Next13을 사용하면서 Server Component와 Client Component의 이해없이 사용하게 된다면...
2023년 5월 4일, Next.js 13.4 버전을 출시하면서 app router가 beta -> stable로 변경되었다. stable로 변경되면서 회사에서도 기존에 사용하던 Next12 버전에서 13으로 마이그레이션하기로 결정되었다. 가장 큰 이유는 역시...
문제 상황 const COLOR_CODES = { 화이트: "#FFFFFF", 블랙: "#000000", ... } 위처럼 COLOR_CODES 값을 object로 저장해서 쓰고 있는 상황이다. 나중에 “화이트”처럼 색상 값을 받아서 이에 맞는...
이펙티브 타입스크립트 책을 읽고 - 타입 넓히기와 좁히기에 대해 · TypeScript is JavaScript with syntax for types. 타입스크립트는 타입을 위한 문법을 가지고 있는 자바스크립트이다. 타입스크립트 공식 문서에서 타입스크립트를 소개하고 있는...
최근 몇 달 동안 모던 자바스크립트 Deep Dive 책을 통해 스터디를 진행하고 있는데, 이번에 공부했던 내용 중 하나가 클로저였다. 같이 클로저에 대해 얘기하면서 나는 이렇게 얘기했던 것 같다. "클로저를 공부하다보면 개념 자체가 그렇게 어렵지는 않은데, 자주...
![[Next13] Data Fetching](https://cdn.hashnode.com/res/hashnode/image/upload/v1690115471817/915090cf-3428-4f8a-911a-d177e2879304.avif?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[Next13] Server Component와 Client Component](https://cdn.hashnode.com/res/hashnode/image/upload/v1688907251901/eca96a7e-c200-445b-a582-11639a814c83.tif?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[Next13] Next12에서 Next13으로 넘어가기](https://cdn.hashnode.com/res/hashnode/image/upload/v1688301028829/9611437b-7035-4563-b6c7-6e85ac8a589c.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
