frontend-junior-study (Rsbuild project)

프론트엔드 커리큘럼에 따라 주차별로 학습 계획을 정리했습니다. 각 주차에는 해당 주제의 핵심 개념 요약과 함께 공부 자료 및 블로그 링크를 제공하며, 이론 학습과 실습(코딩 연습)을 혼합하여 진행할 수 있도록 안내합니다. 학습 중 모르는 용어나 개념은 연결된 자료를 통해 심화 조사하세요.

(⚠️최신 웹 동향에 따라 내용을 구성했으며, 불필요하거나 React 공식 권고에 반하지 않는 범위 내에서만 다룹니다.)

• Week 1: JavaScript 심화 – 런타임, this, 스코프, 비동기 등

• Week 2: 프로그래밍 패러다임 – 객체지향 디자인 패턴

• Week 3: 프론트엔드 디자인 패턴 – 컴포넌트 아키텍처

• Week 4: 전역 상태 관리 (Flux 아키텍처와 Redux 등)

• Week 5: React & Next.js 신기능 – 동시성, Hooks 심화, Next 13 특징

• Week 6: 스타일링 (CSS-in-JS와 Utility-First 등)

• Week 7: 폼 관리 (Forms & Validation)

• Week 8: 테스팅 (단위 테스트부터 E2E까지)

• Week 9: 애니메이션 Part 1 – Framer Motion 및 고급 UI 인터랙션

• Week 10: 애니메이션 Part 1 – GSAP 및 Scroll 기반 효과

• Week 11: 웹 성능 최적화(Core Web Vitals & Rendering Performance)

• Week 12: 인증 및 보안 (Authentication & Security)

• Week 13: 병렬 처리(Web Workers) & 오프라인 전략(PWA) & IndexedDB

• Week 14: 접근성과 국제화 (Accessibility & i18n)

• Week 15: 개발 도구 (DevTools 활용 및 번들링 최적화)

• Week 16: TypeScript - 타입 시스템 마스터하기

• Week 17: AI 기반 개발 도구와 협업

• Week 18: WebAssembly와 고성능 웹 애플리케이션

• Week 19: React Three Fiber와 3D 웹 개발

• Week 20: 마이크로 프론트엔드와 모노레포

• Week 21: CI/CD와 DevOps 기초

• Week 22: 에러 트래킹과 프로덕션 모니터링

Setup

Install the dependencies:

bun install

Get started

Start the dev server, and the app will be available at http://localhost:3000.

bun run dev

Build the app for production:

bun run build

Preview the production build locally:

bun run preview

Learn more

To learn more about Rsbuild, check out the following resources:

• Rsbuild documentation - explore Rsbuild features and APIs.
• Rsbuild GitHub repository - your feedback and contributions are welcome!