본 포스팅은 Next.js의 공식 블로그에 포스팅된 내용을 번역한 것입니다. Next.js 15 RC 이제 Next.js 15 릴리스 후보를 사용할 수 있습니다. 이 초기 버전을 사용하면 곧 출시될 안정 버전에 앞서 최신 기능을 테스트 할 수 있습니다. React : React 19 RC, React Compiler (Experiment...

본 포스팅은 Next.js Learn의 Mutating Data 내용을 번역한 것입니다. 이전 장에서는 URL 검색 매개변수와 Next.js API를 사용하여 Search 및 Pagination을 구현했습니다. 이제 인보이스 생성, 업데이트 및 삭제 기능을 추가하여 인보이스 페이지에서 계속 작업해 보겠습니다. In this chapter 앞...

“미움 받을 용기”를 고른 이유 소프트웨어 개발자로써 늦은 출발을 했다고 생각했었습니다. 조급함에 사로잡혀 스스로를 자책을 하던 때도 있었습니다. 그러던 중에 저와 비슷한 고민을 했던 친구에게 고민을 털어놓았습니다. 친구는 자신의 경험에 빗대어 조언을 해주었습니다. 그리고 “미움받을 용기”를 추천했습니다. 제가 책을 안 볼 것이라 느꼈는지(정확했음)...

본 포스팅은 Next.js Learn의 Adding Search and Pagination 내용을 번역한 것입니다. 이전 장에서는 스트리밍을 통해 대시보드의 초기 로딩 성능을 개선했습니다. 이제 /invoices 페이지로 이동하여 Search 및 Pagination을 추가하는 방법을 알아보겠습니다. In this chapter 앞으로 다룰 ...

본 포스팅은 Next.js의 공식 블로그에 포스팅된 내용을 번역한 것입니다. Next.js 14.2 Next.js 14.2에는 개발, 프로덕션 및 캐싱 개선 사항이 포함되어 있습니다. Turbopack for Development (Release Candidate) : next dev --turbo 통과율 99.8% Build and...

카카오 테크밋 이번주 목요일에 카카오에서 주최하는 테크밋에 다녀왔습니다. 카카오 테크밋은 카카오의 공개 기술 세미나입니다. 카카오 프론트엔드팀에서 개발중인 라이브러리에 대한 소개로 진행되었습니다. 발표한 라이브러리는 다음과 같습니다. 이미지 뷰어 웹 텍스트 에디터 웹뷰 디버깅 도구 웹뷰 라이브러리 회사에서 서비스 운영 필요한 라이...

최근에 서버 컴포넌트를 클라이언트 컴포넌트로 변경해야할 일이 있었습니다. 그 과정에서 클라이언트 컴포넌트와 서버 컴포넌트가 데이터를 가져오는 방법이 다르다는 점을 알게 되었습니다. 본 포스팅에서는 두 컴포넌트의 특징과 차이점을 데이터 가져오는 방법을 중심으로 살펴보고자 합니다. 클라이언트 컴포넌트와 서버 컴포넌트 Next.js의 SSR(Ser...

본 포스팅은 Next.js Learn의 Streaming 내용을 번역한 것입니다. Partial Prerendering은 Next.js 14에 도입된 실험적 기능입니다. 이 페이지의 내용은 기능의 안정화가 진행됨에 따라 업데이트될 수 있습니다. 실험적 기능을 사용하지 않으려면 이 장을 건너뛰는 것이 좋습니다. 이 장은 과정을 완료하는 데...

본 포스팅은 Next.js의 공식 블로그에 포스팅된 내용을 번역한 것입니다. Next.js 14.1 Next.js 14.1에는 다음과 같은 개발자 환경 개선 사항이 포함되어 있습니다. Improved Self-Hosting : 새로운 문서 및 사용자 정의 캐시 핸들러 Turbopack Improvements : next dev --t...

본 포스팅은 Next.js Learn의 Streaming 내용을 번역한 것입니다. 이전 장에서는 대시보드 페이지를 동적으로 만들었습니다. 그리고 느린 데이터 가져오기가 애플리케이션 성능에 어떤 영향을 미칠 수 있는지에 대해 설명했습니다. 이제 느린 데이터 요청이 있을 때 사용자 환경을 개선할 수 있는 방법을 살펴보겠습니다. In this c...