Next.js 시작하기
React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.
초급자를 위해 준비한
[프론트엔드, Next.js] 강의입니다.
이런 걸
배워요!
Next.js 14(최신 버전)
Next.js 실무 프로젝트 폴더 구조
Next와 React 컴포넌트 설계
Next.js 실무 코딩 팁
React
JavaScript
NPM
REST API
네트워크와 HTTP 프로토콜
성능 최적화
Next.js를 많이 쓰던데 어떻게 배워야 할까요? 🤔
React 프로젝트를 시작하기 위해 거의 0순위로 선택되는 Next.js 프레임워크. React도 아직 잘 모르겠는데 Next.js는 어떻게 배우면 좋을까요?
개발 방식이 자유로운 React에 규칙을 더하고, 개발자들이 챙겨야 하는 라우팅과 성능 등을 알아서 챙겨주는 Next.js 프레임워크. 방대한 Next.js 공식 문서 앞에 혼자서 길을 잃을 필요가 없습니다. Next.js 공식 문서보다 이해하기 쉬운 한글 교안이 있으니까요. ❤
수년 간 입문자의 관점에서 어려운 기술들을 쉽게 설명해 온 캡틴판교가 이번엔 Next.js를 뽀개드립니다. 입문자를 배려한 쉬운 용어 설명과 눈으로 직접 보여주는 동작 원리부터 실무자를 사로 잡는 렌더링, 네트워크, 성능, 하이드레이션 등 실무 개념 설명까지. Next.js 시작하기 강의가 여러분을 도와드립니다.
Next.js 프로젝트를 시작해요.
React도 잘 모르는데 Next.js로 회사 프로젝트를 해야 돼요.
개발을 쉽게 하려면 어떤 개념들과 기술을 알아야 하나요?
React로 취업을 준비하고 있어요.
채용 공고마다 자격 요건에
Next.js가 들어가 있는데
회사에서 실제로 요구하는 역량이 무엇인가요?
잘하는 프런트엔드 개발자는
어떻게 일하는지 궁금해요
네카라쿠배에서 인정받는 개발자는 어떤 역량을 갖추고 있을까요?
숙련된 실무자가 알고 있는 지식과 노하우가 궁금합니다.
학습 자료
언제든지 편하게 볼 수 있는 웹 사이트 교안이 제공됩니다 😄
소스 코드를 확인할 수 있는 깃헙 리포지토리도 제공돼요 📘
보면서 더 많은 지식을 채울 수 있는 무료 교육 영상과 자료도 다수 제공됩니다 ❤
.png?w=960)
이런 분들께
추천드려요!
학습 대상은
누구일까요?
Next.js를 시작하는 입문자
React와 Next.js를 한번에 배우고 싶은 입문자
Next.js 실무 개발이 궁금한 프런트엔드 개발자
Next.js에 관심 있는 웹 개발자
선수 지식,
필요할까요?
React 기본 문법(위 선수 지식에 안내된 강의를 듣고 오시는 걸 추천드려요)
JavaScript 기본 문법
안녕하세요
장기효(캡틴판교)입니다.
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
커리큘럼
전체
70개 ∙ (7시간 57분)
강의 소개
07:35
개발 환경 안내
03:10
VSCode 필수 플러그인 설치 안내
04:38
Next와 React 소개
03:57
Next.js 주요 특징
10:23
Next.js 프로젝트 생성
08:58