필수 React Routing 및 Navigation
공식 React Router 라이브러리를 사용하여 복잡한 싱글 페이지 애플리케이션을 구조화하고 동적 Navigation 흐름을 관리하는 방법을 알아보세요.
-
💬
AI 강사
어떤 강의든 질문하면 언제든 즉시 명확한 답을 받을 수 있어요. -
🕐
언제든지 시작
정해진 일정이나 마감이 없어요 — 원할 때 자신의 속도로 배우세요. -
🌐
한국어로
강의, 과제, 수료증까지 — 모두 완전히 당신의 언어로.
이 과정 소개
많은 최신 웹 애플리케이션은 전체 페이지를 새로 고치지 않고 매끄럽게 전환되는 Navigation에 의존합니다. React에서 기능적이고 성능이 뛰어난 싱글 페이지 애플리케이션(SPA)을 구축하려면 Routing을 마스터하는 것이 매우 중요합니다.
이 코스는 클라이언트 측 Routing에 대한 기초적인 이해를 제공하여, 명확하고 Navigation이 용이한 구조와 다양한 뷰에 걸친 효율적인 상태 관리를 갖춘 견고한 React 애플리케이션을 구축할 수 있도록 도와줍니다.
배울 내용:
* 클라이언트 측 Routing의 핵심 개념과 Single Page Applications (SPA)의 아키텍처를 배웁니다.
* React Router의 최신 함수형 컴포넌트와 Hook을 사용하여 기본 및 중첩 Route를 구성합니다.
* 파라미터 전달, 리다이렉션 처리, 프로그래밍 방식의 Navigation 관리 기술을 적용합니다.
* 인증 경계를 위한 Layout Route 및 Protected Route 구현 방법을 이해합니다.
* 애플리케이션 성능과 번들 크기를 개선하기 위해 Lazy Loading 및 동적 Import를 구현하는 연습을 합니다.
이 코스는 Routing의 기본 개념을 정의하고 기본 Router 구조를 설정하는 것부터 시작합니다. 동적 파라미터 처리, 고급 중첩 Route, 프로덕션 환경에 즉시 적용 가능한 애플리케이션에 필요한 핵심 성능 최적화 기법까지 단계별로 진행됩니다.
이 코스는 React 기본 지식을 갖추고 애플리케이션 내에서 Navigation 및 구조를 관리하는 방법을 배우고자 하는 초급 개발자를 위해 설계되었습니다. Routing 라이브러리에 대한 이전 경험은 필요하지 않습니다.
지금 바로 읽기 시작하여 첫 번째 멀티 페이지 React 애플리케이션을 구축해 보세요.
받게 되는 것
-
📜
수료증
LinkedIn 프로필에 추가 -
💬
개인 AI 튜터
강좌에서 막혔나요? 내장 튜터에게 언제든지 무엇이든 물어보세요. -
🎧
오디오 버전 포함
화면 없이 어디서나 학습 -
♾️
평생 이용
언제든 다시 보세요, 만료 없음 -
📱
휴대폰 또는 컴퓨터
어디서든 모든 기기에서 -
💸
14일 환불
이유 묻지 않음 -
⚡
짧고 핵심적
2시간 48분의 실용 학습
리뷰
아직 리뷰가 없습니다 — 첫 경험을 공유해 보세요.
자주 묻는 질문
이 과정을 듣는 데 무엇이 필요한가요? +
인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.
결제는 어떻게 하나요? +
Stripe를 통한 카드로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.
환불받을 수 있나요? +
네 — 14일 이내 전액 환불, 이유를 묻지 않습니다.
얼마나 오래 이용할 수 있나요? +
평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.
수료증을 받을 수 있나요? +
네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.
이런 분야 학습자에게
테크
디자인
금융
마케팅
의료
교육
호스피탈리티
제조업