Next JS
강좌소개
Next JS 프레임워크 입문 Part1 - 기초 사용법 2
- 과정소개
- Next.js 프레임워크의 기본 개념과 사용법을 학습하는 입문 과정입니다. 프로젝트 생성부터 페이지 라우팅, 컴포넌트 구성, 정적·동적 렌더링 등 핵심 기능을 단계별로 익히며 React 기반 풀스택 개발의 기초를 다집니다.
- 학습목표
- Next.js의 기본 구조와 주요 기능을 이해하고, 간단한 웹 애플리케이션을 직접 구축할 수 있는 능력을 기릅니다. React와의 차이점을 익혀 효율적인 개발 환경을 설정하고 운영할 수 있도록 합니다.
- 교육대상
- Next.js를 처음 접하는 웹 개발 입문자 React를 학습한 후 서버사이드 렌더링(SSR)을 배우고 싶은 학습자 프론트엔드에서 백엔드까지 통합 개발을 경험하고 싶은 예비 개발자
- 선수 과정
- JavaScript, React 기초 문법
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
- 사용프로그램 Next.JS Framework 15 Version
Visual Studio CODE, Latest Chrome Browser
- 강좌 기본설명
-
- 1.11개의 VOD로 구성되었습니다.
- 2. 교안받기
즐겨찾기
수강증 / 수료증
커리큘럼
차시
제목
수강여부
1
usePathname 훅 사용하여 정적 세그먼트 값 가져오기1 - 실습
2
usePathname 훅 사용하여 정적 세그먼트 값 가져오기2 - 마무리 주의사항
3
루트 Layout 과 하위 폴더 Layout 관계에 대해서
4
서버 컴포넌트에서 동적 세그먼트와 쿼리 스트링 값 모두 처리하는 방법
5
쿼리 스트링 값 비동기로 받기 vs Form 값 받기 위한 엔드포인트 정의
6
Next 프레임워크에서 Form 값 받기 - 실습1
7
Next 프레임워크에서 Form 값 받기 - 실습2
8
Next 프레임워크에서 Form 값 받기 - 실습3
9
Next 프레임워크에서 Form 값 받기 - 실습4 - Next API Route 만들기(1) - 암기할 규칙
10
Next 프레임워크에서 Form 값 받기 - 실습5 - Next API Route 만들기(2) - 라우트 핸들러
11
Next 프레임워크에서 Form 값 받기 - 실습6 - Next API Route 만들기(3) - 응답 데이터 출력
연관강좌
등록된 상품이 없습니다.
※ 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7