풀스택 개발

풀스택 개발 단계에 오신 것을 환영합니다! 여기에서는 프론트엔드 컴포넌트화, 데이터베이스 설계, 백엔드 API 개발 및 배포를 마스터하여 풀스택 개발에 깊이 파고듭니다.

배울 내용

프론트엔드 개발

현대적인 프론트엔드 개발을 마스터하고 컴포넌트 라이브러리와 디자인 도구 사용법을 배웁니다:

프론트엔드 0: Lovart로 에셋 만들기

Lovart 등의 AI 도구를 사용하여 고품질 게임 에셋과 UI 리소스를 빠르게 생성하는 방법을 배웁니다

프론트엔드 1: Figma와 MasterGo 입문

전문 UI 디자인 도구의 기본 작업과 디자인에서 코드로의 워크플로우를 마스터합니다

프론트엔드 2: 첫 번째 현대적 앱 만들기 - UI 디자인

처음부터 현대적인 웹 애플리케이션 인터페이스를 설계하고 UI 디자인 원칙을 실습합니다

프론트엔드 3: UI 디자인 가이드라인과 멀티 제품 UI

주류 UI 디자인 가이드라인을 배워 제품 디자인의 일관성과 미학을 향상시킵니다

프론트엔드 4: 호그와트 초상화 만들기

실습 프로젝트: AI 생성 이미지를 사용하여 인터랙티브한 호그와트 초상화 애플리케이션을 구축합니다

백엔드 및 풀스택

API 설계, 데이터베이스 관리 및 애플리케이션 배포 전략을 배웁니다:

백엔드 1: API란 무엇인가

API의 핵심 개념, 프론트엔드와 백엔드의 다리를 이해합니다

백엔드 2: 데이터베이스에서 Supabase로

관계형 데이터베이스 기초를 마스터하고 현대적인 BaaS 플랫폼인 Supabase 사용법을 배웁니다

백엔드 3: AI 지원 인터페이스 코드 및 문서

AI를 사용하여 백엔드 인터페이스 코드와 표준 API 문서 생성을 지원합니다

백엔드 4: Git 워크플로우

Git 버전 관리 시스템의 핵심 작업과 협업 워크플로우를 마스터합니다

백엔드 5: Zeabur 배포

Zeabur를 사용하여 풀스택 애플리케이션을 클라우드에 빠르게 배포하는 방법을 배웁니다

백엔드 6: 현대적 CLI 개발 도구

현대적인 CLI 도구를 탐색하고 명령줄 환경에서의 개발 경험을 향상시킵니다

백엔드 7: Stripe 결제 시스템 통합

실습: Stripe 결제 기능을 애플리케이션에 통합하여 수익화를 실현합니다

과제

실습 프로젝트를 통해 풀스택 개발 기술을 다집니다:

과제 1: 첫 번째 현대적 앱 만들기 - 풀스택

배운 내용을 종합적으로 적용하여 완전한 기능을 갖춘 풀스택 애플리케이션을 독립적으로 완성합니다

과제 2: 현대적 프론트엔드 컴포넌트 라이브러리 + Trae

현대적인 컴포넌트 라이브러리와 Trae IDE를 사용하여 복잡한 프론트엔드 인터페이스를 효율적으로 구축합니다

AI 기능 확장

AI 1: Dify 입문과 지식 베이스 통합

Dify를 사용하여 AI 애플리케이션을 구축하고 프라이빗 지식 베이스를 통합하는 방법을 배웁니다

AI 2: AI 사전 조회와 멀티모달 API 통합

더 많은 AI 기능을 탐색하고 비전, 음성 등의 멀티모달 API를 통합합니다

대상자

• 프로그래밍 기초가 있고 체계적으로 풀스택 개발을 배우고 싶은 개발자
• 제품 관리자에서 풀스택 엔지니어로 전환하고 싶은 학습자
• 현대적인 개발 도구와 워크플로우를 마스터하고 싶은 초중급 개발자
• 완전한 제품을 독립적으로 개발하고 싶은 기업가

전제 조건

• "초보자 및 제품 프로토타입" 단계를 완료했거나 동등한 기초 지식을 보유하고 있습니다
• 기본적인 HTML/CSS/JavaScript 개념을 이해하고 있습니다
• AI 프로그래밍 도구에 대한 예비 지식이 있습니다

풀스택 개발에 깊이 파고들 준비가 되셨나요? 왼쪽 탐색을 클릭하여 학습을 시작하세요!