Web Developer 커리큘럼

현대적인 웹 애플리케이션을 개발할 수 있는 풀스택 웹 개발자를 양성하는 과정입니다.

🎯 학습 목표

📚 커리큘럼 구성

🎯 학습 단계별 개요

Part I: 웹의 기초 - 웹 개발의 기본 토대를 마련하는 단계입니다. HTML, CSS, JavaScript의 기초를 익히며, 웹의 동작 원리를 이해합니다.

Part II: 인터랙티브 프론트엔드 - 사용자와 상호작용하는 동적인 웹 애플리케이션을 만드는 능력을 기릅니다. 현대적인 프론트엔드 프레임워크와 도구들을 활용합니다.

Part III: 백엔드와 데이터 - 서버 사이드 개발과 데이터베이스 관리를 학습합니다. API 설계와 구현, 데이터 모델링과 최적화 기술을 익힙니다.

Part IV: 풀스택 통합 - 프론트엔드와 백엔드를 연결하여 완전한 웹 애플리케이션을 구축합니다. 인증, 보안, 성능 최적화 등 실무 필수 기술을 습득합니다.

Part V: 프로덕션과 확장 - 실제 서비스 배포와 운영에 필요한 DevOps 기술을 학습합니다. 확장성과 유지보수성을 고려한 아키텍처 설계 능력을 기릅니다.

graph TD
    subgraph WD["🌐 웹개발 기술의 세계"]
        A["Part I: 웹의 기초
기반을 다지는 단계"] --> B & C & D

        subgraph "Part I: 웹 기초"
            B["HTML/CSS
구조·스타일링"]
            C["JavaScript 기초
언어·DOM 조작"]
            D["웹 표준
브라우저·프로토콜"]
        end

        A --> E["Part II: 인터랙티브 프론트엔드
사용자 경험을 만드는 단계"]
        E --> F & G & H & I

        subgraph "Part II: 현대적 프론트엔드"
            F["React/Vue
컴포넌트·상태관리"]
            G["TypeScript
타입 안전성"]
            H["빌드 도구
Webpack·Vite"]
            I["CSS 프레임워크
Tailwind·SCSS"]
        end

        E --> J["Part III: 백엔드와 데이터
서버를 구축하는 단계"]
        J --> K & L & M & N

        subgraph "Part III: 백엔드 개발"
            K["Node.js/Express
서버·API"]
            L["데이터베이스
SQL·NoSQL"]
            M["RESTful API
GraphQL"]
            N["인증·보안
JWT·OAuth"]
        end

        J --> O["Part IV: 풀스택 통합
완성된 서비스를 만드는 단계"]
        O --> P & Q & R

        subgraph "Part IV: 풀스택 개발"
            P["상태관리
Redux·Zustand"]
            Q["실시간 통신
WebSocket·SSE"]
            R["테스팅
Jest·Cypress"]
        end

        O --> S["Part V: 프로덕션과 확장
서비스를 운영하는 단계"]
        S --> T & U & V & W & X

        subgraph "Part V: DevOps & 확장"
            T["배포
Docker·CI/CD"]
            U["클라우드
AWS·Vercel"]
            V["모니터링
성능·에러추적"]
            W["마이크로서비스
MSA·API Gateway"]
            X["최적화
SEO·성능튜닝"]
        end
    end

    style WD fill:#f9f9f9,stroke:#333,stroke-width:2px
    style A fill:#e1f5fe,stroke:#01579b,stroke-width:2px
    style E fill:#f3e5f5,stroke:#4a148c,stroke-width:2px
    style J fill:#e8f5e8,stroke:#1b5e20,stroke-width:2px
    style O fill:#fff3e0,stroke:#e65100,stroke-width:2px
    style S fill:#fce4ec,stroke:#880e4f,stroke-width:2px

작성자: 이시헌

문의처: 7bde31@gmail.com

학습 교재 및 방법에 대한 구체적인 질문은 상기 메일로 정리하여 보내주세요. 일대일로 상담해 드립니다.