문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
개요
현대 React 개론
- React 18 및 19의 새로운 기능들
- 최신 개발 도구와 접근 방식의 변화
고급 React 훅 활용법
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle 사용법
React 동시성 모드
- useTransition과 useDeferredValue 훅의 활용 방안
Next.js 라우팅 체계
- App Router와 Pages Router 간의 차이점 설명
Next.js 내 렌더링 전략
- 서버 사이드 렌더링, 단일 페이지 애플리케이션, 정적 생성의 비교 분석
서버 컴포넌트와 서버 액션
- 'use server' 및 'use client' 지시문의 올바른 사용법 설명
데이터 가져오기 및 캐싱 기법
- 점진적 정적 재생성 전략 적용 방법
Next.js를 백엔드로 활용하기
- 엣지 함수와 엣지 런타임의 실제 적용 예시
상태 관리 기법
- React Context, Redux 및 Zustand 같은 원자 상태 관리 라이브러리를 활용하는 방법
Next.js 템플릿 제작하기
- 재사용 가능한 템플릿 설계법
- CSS 적용 방식 및 인기 있는 템플릿 라이브러리 소개
성능 최적화 기법
- 로딩 시간 단축과 높은 Web Core Vitals 점수 획득을 위한 방법
애플리케이션 모니터링 도구 활용법
Next.js 테스트 전략
모노레포 구조 설계법
- TurboRepo 및 Nx와 연동된 Next.js 프로젝트 운영 방법
모니터링, 배포 및 오케스트레이션 과정
요약 및 향후 학습 방향 안내
요건
- JavaScript 및 ES6 이상에 대한 충분한 이해
- React와 React 훅 활용 경험
- Next.js 기초 지식 보유자
- API 호출 및 상태 관리 개념 숙지자
대상 수강생
- Next.js에 대한 이해도를 한층 높이고 싶은 경력 있는 React 개발자들
- 고성능 애플리케이션 최적화 기법을 배우고자 하는 프론트엔드 및 풀스택 개발자들
- 대규모 Next.js 프로젝트를 담당하는 소프트웨어 엔지니어들
21 시간