[Next.js] Next 공식 튜토리얼 진행하기 - Chapter 4

이번 글은 Next.js 공식 튜토리얼을 번역한 글입니다.공식 튜토리얼을 따라하면 Next.js 의 동작원리와 개발 방식에 대해 학습하기 쉽고 잘 쓰여진 튜토리얼이라고 생각되어 번역하게 되었습니다.오타 또는 오역된 부분이 있다면 댓글 부탁드립니다. Learn Next.js: Creating Layouts and Pages | Next.jsCreate the dashboard routes and a shared layout that can be shared between multiple pages.nextjs.org 현재 애플리케이션에는 홈 페이지만 있습니다. 이제 레이아웃과 페이지를 활용하여 더 많은 라우트를 생성하는 방법을 배워봅시다.이 장에서 다룰 내용파일 시스템 라우팅을 사용하여 대시보드 라우트를 ..

• format_list_bulleted Frontend/Next.js
• · 2024. 11. 17.
• textsms

[Next.js] Next 공식 튜토리얼 진행하기 - Chapter 3

이번 글은 Next.js 공식 튜토리얼을 번역한 글입니다.공식 튜토리얼을 따라하면 Next.js 의 동작원리와 개발 방식에 대해 학습하기 쉽고 잘 쓰여진 튜토리얼이라고 생각되어 번역하게 되었습니다.오타 또는 오역된 부분이 있다면 댓글 부탁드립니다. Learn Next.js: Optimizing Fonts and Images | Next.jsOptimize fonts and images with the Next.js built-in components.nextjs.org 지난 장에서는 Next.js 애플리케이션의 스타일링에 대해 알아보았습니다. 이번에는 홈페이지에 커스텀 폰트와 히어로 이미지를 추가하는 방법을 배워보겠습니다. 이번 장에서 다룰 주제는 다음과 같습니다. next/font를 사용하여 커스텀 폰..

• format_list_bulleted Frontend/Next.js
• · 2024. 11. 11.
• textsms

[Next.js] Next 공식 튜토리얼 진행하기 - Chapter 2

이번 글은 Next.js 공식 튜토리얼을 번역한 글입니다.공식 튜토리얼을 따라하면 Next.js 의 동작원리와 개발 방식에 대해 학습하기 쉽고 잘 쓰여진 튜토리얼이라고 생각되어 번역하게 되었습니다.오타 또는 오역된 부분이 있다면 댓글 부탁드립니다. Learn Next.js: CSS Styling | Next.jsStyle your Next.js application with Tailwind and CSS modules.nextjs.org 다음은 Next.js 애플리케이션 스타일링 방법에 대한 설명입니다. 이번 챕터에서는...다음 주제를 다룹니다. 애플리케이션에 전역 CSS 파일을 추가하는 방법두 가지 스타일링 방법: Tailwind와 CSS 모듈clsx 유틸리티 패키지를 사용해 조건부로 클래스 이름을 추..

• format_list_bulleted Frontend/Next.js
• · 2024. 11. 10.
• textsms

[Next.js] Next 공식 튜토리얼 진행하기 - Chapter 1

이번 글은 Next.js 공식 튜토리얼을 번역한 글입니다.공식 튜토리얼을 따라하면 Next.js 의 동작원리와 개발 방식에 대해 학습하기 쉽고 잘 쓰여진 튜토리얼이라고 생각되어 번역하게 되었습니다.오타 또는 오역된 부분이 있다면 댓글 부탁드립니다. Learn Next.js: Getting Started | Next.jsCreate a new Next.js application using the dashboard starter example and explore the project.nextjs.org  새 프로젝트 생성패키지 매니저로 pnpm을 사용하는 것이 npm이나 yarn보다 빠르고 효율적이기 때문에 권장합니다. pnpm이 설치되어 있지 않다면 다음 명령어로 전역 설치할 수 있습니다.npm inst..

• format_list_bulleted Frontend/Next.js
• · 2024. 11. 10.
• textsms

[Next.js] Next 공식 튜토리얼 진행하기 - Introduction

이번 글은 Next.js 공식 튜토리얼을 번역한 글입니다.공식 튜토리얼을 따라하면 Next.js 의 동작원리와 개발 방식에 대해 학습하기 쉽고 잘 쓰여진 튜토리얼이라고 생각되어 번역하게 되었습니다.오타 또는 오역된 부분이 있다면 댓글 부탁드립니다. Next.js 배우기Next.js 앱 라우터 강좌에 오신 것을 환영합니다! 이 무료 인터랙티브 강좌에서는 풀스택 웹 애플리케이션을 만들어가며 Next.js의 주요 기능을 배울 수 있습니다. Learn Next.js | Next.jsLearn how to build a full-stack web application with the free, Next.js App Router Course.nextjs.org우리가 만들 프로젝트이 강좌에서는 다음과 같은 기능을 포..

• format_list_bulleted Frontend/Next.js
• · 2024. 11. 9.
• textsms