“요즘 개발자”를 고른 이유 프론트엔드 개발자로써 내가 잘하고 있는 것인지 의심스러울때가 많았습니다. 혼자서 개발을 하고 있는 상황에서 어떻게 성장할 수 있는지에 대한 고민이었습니다. 올바르게 성장하는 방법과 협업하는 방법을 살펴보고자 “요즘 개발자”를 골랐습니다. 인상 깊었던 내용 똑똑하게 학습하고 싶어 “피드백과 회고”가 개발자에게 성장하는...

본 포스팅은 Next.js Learn의 Static and Dynamic Rendering 내용을 번역한 것입니다. 이전 장에서는 대시보드 개요 페이지에 대한 데이터를 가져왔습니다. 그러나 현재 설정의 두 가지 제한 사항에 대해 간략하게 설명했습니다. 데이터 요청이 의도하지 않은 waterfall을 만들고 있습니다. 대시보드는 정적이...

본 포스팅은 Next.js Learn의 Fetching Data 내용을 번역한 것입니다. 이제 데이터베이스를 만들고 시드를 지정했으므로 애플리케이션에 데이터를 가져올 수 있는 다양한 방법에 대해 논의하고 대시보드 개요 페이지를 구축해 보겠습니다. In this chapter 앞으로 다룰 주제는 다음과 같습니다. 데이터를 가져오는 몇 ...

본 포스팅은 Next.js Learn의 Setting Up Your Database 내용을 번역한 것입니다. 대시보드 작업을 계속하려면 먼저 몇 가지 데이터가 필요합니다. 이 장에서는 @vercel/postgres를 사용하여 PostgreSQL 데이터베이스를 설정합니다. 이미 PostgreSQL에 익수하고 자체 공급자를 사용하려는 경우, 이 ...

본 포스팅은 Next.js Learn의 Navigating Between Pages 내용을 번역한 것입니다. 이전 장에서 대시보드 레이아웃과 페이지를 만들었습니다. 이제 사용자가 대시보드 경로를 탐색할 수 있도록 몇 가지 링크를 추가해 보겠습니다. In this chapter… 앞으로 다룰 주제는 다음과 같습니다. next/link...

본 포스팅은 Next.js Learn의 Creating Layouts and Pages 내용을 번역한 것입니다. 지금까지 애플리케이션에는 홈페이지만 있습니다. 레이아웃과 페이지로 더 많은 경로를 만드는 방법을 알아보겠습니다. In this chapter… 앞으로 다룰 주제는 다음과 같습니다. 파일 시스템 라우팅을 사용하여 dashb...

본 포스팅은 Next.js Learn의 Optimizing Fonts and Images 내용을 번역한 것입니다. 이전 장에서는 Next.js 애플리케이션의 스타일을 지정하는 방법을 배웠습니다. 사용자 정의 글꼴과 이미지를 추가하여 홈페이지 작업을 계속해 보겠습니다. In this chapter… 이 장에서 다룰 주제는 다음과 같습니다. ...

본 포스팅은 Vercel 공식 블로그의 Next.js 앱 라우터의 일반적인 실수 및 해결 방법를 번역한 것입니다. 수 백명의 개발자와 이야기를 나누고 수천개의 Next.js 레포지토리를 살펴본 결과, Next.js 앱 라우터로 빌드할때 흔히 저지르는 10가지 실수를 발견했습니다. 이 글에서는 이러한 실수가 발생하는 이유와 이를 해결하는 방법...

본 포스팅은 Next.js Learn의 CSS Styling 내용을 번역한 것입니다. 현재 홈 페이지에는 스타일이 없습니다. Next.js 애플리케이션의 스타일을 지정할 수 있는 다양한 방법을 살펴보겠습니다. In this chapter… 앞으로 다룰 주제는 다음과 같습니다. 애플리케이션에 글로벌 CSS 파일을 추가하는 방법 두...

본 포스팅은 Next.js Learn의 Getting Started 내용을 번역한 것입니다. Creating a new project Next.js 앱을 만들려면 터미널을 열고 프로젝트를 보관하려는 폴더에 cd를 한 다음 다음 명령을 실행합니다. npx create-next-app@latest nextjs-dashboard --use-np...