27,500원
초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
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분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Intro
2 강
∙ 9분
섹션 1. Next.js 설정 읽어보기
5 강
∙ 23분
next.config.js 읽어보기
06:13
tsconfig.json 읽어보기
11:10
.eslintrc.json 읽어보기
02:50
package.json 읽어보기
01:47
폴더 구조 살펴보기
01:53
섹션 2. 프로젝트 소개
1 강
∙ 1분
섹션 3. Vite에서 Next.js로 마이그레이션하기
7 강
∙ 18분
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로 마이그레이션하기
7 강
∙ 12분
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로 마이그레이션하기
9 강
∙ 35분
예제 확인하기
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
1 강
∙ 2분
마치며
02:30
강의 게시일 : 2024년 01월 05일
(마지막 업데이트일 : 2024년 01월 05일)
수강평
총 3개
수강생분들이 직접 작성하신 수강평입니다.
5
3개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
처음에는 '1탄 들었으니 2탄도 함 들어 봐야지~'라는 생각으로 가볍게 수강을 시작했습니다. 그런데 듣다 보니, 제가 만든 리액트 프로젝트도 넥스트로 꼭 마이그레이션 해 보고 싶다는 생각이 들었습니다ㅎㅎ 개발 라이프에 활력을 더해주는 좋은 강의였습니다!
2024-04-26
2부도 정말 좋네요 화이팅입니다!
2024-03-14
정말 이해가 잘되는 강의에요. 2부도 역시 감사합니다 !!
2024-01-27