Thumbnail
개발 · 프로그래밍 프론트엔드

[손에 익는 Next.js] Part 2 - 마이그레이션하기 대시보드

90명이 수강하고 있어요.

27,500원

지식공유자: 하조은
총 32개 수업 (1시간 43분)
수강기한:  무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

✍️
이런 걸
배워요!
React로 시작한 서비스를 Next.js로 바꾸기
React Router를 App Router로 바꾸기
Next.js 14의 설정(Config) 이해하기

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
첫 번째 마이그레이션 프로젝트를 앞둔 분들
React를 Next.js로 마이그레이션하고 싶은 분들
React와 Next.js의 차이점을 이해하고 싶은 분들
📚
선수 지식,
필요할까요?
React
TypeScript

안녕하세요
하조은 입니다.
하조은의 썸네일

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

 

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

커리큘럼 총 32 개 ˙ 1시간 43분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Next.js 설정 읽어보기
next.config.js 읽어보기 06:13
tsconfig.json 읽어보기 11:10
.eslintrc.json 읽어보기 02:50
package.json 읽어보기 01:47
폴더 구조 살펴보기 01:53
섹션 2. 프로젝트 소개
섹션 3. Vite에서 Next.js로 마이그레이션하기
Vite로 React 앱 만들기 미리보기 01:43
Next.js 설치하고 설정 파일 만들기 02:37
TypeScript 설정 수정하기 03:09
루트 레이아웃 만들기 03:33
엔트리포인트 페이지 만들기 02:25
정적 이미지 가져오기 방식 수정하기 02:01
Next.js 앱 확인하기 02:49
섹션 4. Create React App에서 Next.js로 마이그레이션하기
Create React App으로 React 앱 만들기 미리보기 02:15
Next.js 설치하고 설정 파일 만들기 01:05
TypeScript 설정 수정하기 01:28
루트 레이아웃 만들기 02:42
엔트리포인트 페이지 만들기 02:43
정적 이미지 가져오기 방식 수정하기 00:45
Next.js 앱 확인하기 01:35
섹션 5. React Router에서 App Router로 마이그레이션하기
예제 확인하기 02:15
Next.js로 마이그레이션하기 1 07:40
Next.js로 마이그레이션하기 2 05:59
App Router로 전환하기 1 04:13
App Router로 전환하기 2 02:28
App Router로 전환하기 3 02:50
App Router로 전환하기 4 02:28
Image 컴포넌트 사용하기 03:04
배포 환경 변경하기 04:19
섹션 6. Outro
마치며 02:30
강의 게시일 : 2024년 01월 05일 (마지막 업데이트일 : 2024년 01월 05일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️