초중급 개발
초중급 개발 단계에 오신 것을 환영합니다! 여기에서는 프론트엔드 컴포넌트화, 데이터베이스 설계, 백엔드 API 개발 및 배포까지 풀스택 개발에 깊이 파고듭니다.
배울 내용
프론트엔드 개발
현대적인 프론트엔드 개발을 마스터하고 컴포넌트 라이브러리와 디자인 도구 사용법을 배웁니다:
백엔드 개발
API 설계, 데이터베이스 관리 및 애플리케이션 배포 전략을 배웁니다:
큰 과제
앞선 장에서는 "부품"을 배우는 것이었고, 큰 과제에서는 "부품을 조립해 작동하고, 시연할 수 있고, 출시할 수 있는 제품으로 만드는 방법"을 배웁니다.
큰 과제 1 -> 큰 과제 2 순서로 진행하는 것을 권장합니다:
- 큰 과제 1 에서는 현대 SaaS에서 가장 흔한 메인 체인인 로그인, 생성, 데이터베이스, 결제, 관리 백엔드를 먼저 경험합니다.
- 큰 과제 2 에서는 비즈니스 시스템에 더 가까운 시나리오인 역할 권한, 문제 은행, 시험, 제출 기록, 관리 콘솔을 다룹니다.
mermaid
flowchart LR
A["프론트엔드 페이지와 컴포넌트"] --> B["데이터베이스와 인터페이스"]
B --> C["큰 과제 1<br/>카피 생성 SaaS"]
C --> D["결제 / 배포 / 백엔드 관리"]
D --> E["큰 과제 2<br/>온라인 시험 시스템"]
E --> F["완전한 풀스택 포트폴리오"]어떤 것을 먼저 해야 할지 모르겠다면 아래 비교 표를 참고하세요:
| 프로젝트 | 중점 연습 내용 | 가장 적합한 대상 | 최종 산출물 |
|---|---|---|---|
| 큰 과제 1: 카피 생성 웹사이트 | SaaS 페이지 구조, 사용자 로그인, AI 생성, Stripe 결제, 백엔드 관리 | 처음으로 완전한 상업화 웹사이트를 만드는 사람 | 가입, 생성, 결제, 관리가 가능한 SaaS 프로토타입 |
| 큰 과제 2: 온라인 시험 및 관리 시스템 | 역할 권한, 문제 은행 모델링, 시험 프로세스, 제출 기록, 채점 및 통계 | "비즈니스 시스템"을 진정으로 완성하고 싶은 사람 | 학생용 및 관리자용 시험 플랫폼 |
어떤 과제를 선택하든, 큰 과제에서는 최소 다음 3가지 산출물을 준비하는 것을 권장합니다:
- 실행 가능한 프로젝트 저장소
- 접근 가능한 데모 링크
- README와 데모 영상 하나
위의 두 메인 프로젝트를 완료했거나, 자신의 기술 방향에 맞춰 포트폴리오를 만들고 싶다면 아래 확장 주제 중 하나를 선택해 심화할 수 있습니다:
AI 역량 확장
대상자
- 프로그래밍 기초가 있고 체계적으로 풀스택 개발을 배우고 싶은 개발자
- 제품 관리자에서 풀스택 엔지니어로 전환하고 싶은 학습자
- 현대적인 개발 도구와 워크플로우를 마스터하고 싶은 초중급 개발자
- 완전한 제품을 독립적으로 개발하고 싶은 창업가
전제 조건
- "초보자 및 제품 프로토타입" 단계를 완료했거나 동등한 기초 지식을 보유하고 있습니다
- 기본적인 HTML/CSS/JavaScript 개념을 이해하고 있습니다
- AI 프로그래밍 도구에 대한 기초 지식이 있습니다
풀스택 개발에 깊이 파고들 준비가 되셨나요? 왼쪽 탐색을 클릭하여 학습을 시작하세요!