연락처 정보

코스 개요

개요

현대 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 시간

참가자 수


참가자별 가격

예정된 코스

관련 카테고리