WebDev With LLM - 웹 개발과 LLM을 결합한 학습 코스
이 코스는 웹 개발과 LLM(Large Language Model)을 결합한 체계적인 학습 과정입니다. ChatGPT 기초부터 웹 개발, AI 서비스 구현, LLM Agent 활용까지 실습 중심으로 구성되어 있습니다.
- 총 4개 파트로 구성: ChatGPT Basic, Web Basic, Web Service, LLM Agent
- 각 파트별로 이론과 실습을 포함한 구조
- Node.js 기반 웹 개발과 ChatGPT API 연동에 집중
- 실제 서비스 개발 프로세스 경험
- AI 도구를 활용한 개발 생산성 향상 방법론 제공
-
인공지능과 ChatGPT 기술 배경 및 장점 이해
-
업무 자동화를 위한 AI 활용 트렌드 학습
-
효과적인 프롬프트 엔지니어링 기법과 Markdown 활용
-
실습: ChatGPT 계정 생성, 기초 사용법, 창의적 글쓰기 등
-
웹의 작동 원리 - 클라이언트/서버 구조, HTTP, 포트 개념
-
HTML/CSS/JS 기초 및 웹 페이지 구성 요소 학습
-
Node.js 환경 설정 및 JavaScript 기반 개발 방법론
-
콘솔 앱, 터미널 유틸리티 개발을 통한 실습
-
모듈화와 프로젝트 구조화 방법론 습득
-
JSON 데이터 처리 및 API 연동 기초
-
AI 기반 웹 서비스 설계 및 아키텍처 이해
-
ChatGPT API 활용법과 OpenAI 서비스 연동 방법
-
RESTful API 서버 구현 (Node.js + Express)
-
프론트엔드와 백엔드 연동 및 사용자 인터페이스 개발
-
서비스 기능 고도화 및 최적화 방법
-
실제 서비스 개발: AI 운세 상담 서비스 구현 사례
-
LLM 기반 개발 도구와 에이전트 개념 학습
-
다양한 LLM 기반 개발 환경 및 도구 활용
-
로컬 환경에서 LLM 모델 구동 및 테스트
-
개발 생산성 향상을 위한 AI 도구 활용법
-
GitHub Copilot, Cursor, LM Studio 등 최신 도구 활용
- 각 장마다 .md 파일로 이론 내용 제공
- 실습용 코드는 각 챕터별 src 폴더에 저장 (예: 2.2.src, 2.6.src 등)
- 실습 코드 파일 명명 규칙:
- 챕터.하위번호 형식으로 명명: 2.4.6.js, 2.5.1.js 등
- 파일 확장자로 언어/형식 구분 (.js, .html, .css, .bash, .json 등)
- 예: 2.4.src/2.4.6.js, 2.6.src/2.6.1.js, 2.7.src/2.7.1.json 등
- 예제 코드는 번호 순서대로 진행하도록 구성
- 각 파트의 이론 내용(.md 파일)을 먼저 학습
- 관련 실습 디렉토리(src 폴더)의 코드 예제를 순서대로 실행하며 실습
- 이론과 실습을 연계하여 개념 이해 및 응용 능력 향상
- Part 3에서는 배운 내용을 토대로 실제 서비스를 개발하는 프로젝트 수행
- Part 4에서는 AI 도구를 활용한 개발 생산성 향상 방법 습득
- 프론트엔드: HTML, CSS, JavaScript
- 백엔드: Node.js, Express.js
- AI/LLM: OpenAI ChatGPT API, OpenAI Assistants API
- 개발 도구:
- AI 코딩 도구: GitHub Copilot, Cursor, Cline
- 로컬 LLM: LM Studio, Ollama
- 생산성 도구: Obsidian, VS Code, Taskmaster.ai
- 버전 관리: Git, GitHub
- 컨테이너화: Docker
- 최신 AI 기술과 웹 개발 역량 동시 향상
- 실제 프로젝트 개발을 통한 실무 경험 획득
- AI 도구를 활용한 개발 생산성 극대화 방법 습득
- LLM 기반 서비스 아키텍처 설계 및 구현 능력 배양
- 향후 AI 기술 발전에 대응할 수 있는 기초 역량 확보
이 코스를 통해 AI와 웹 개발을 통합적으로 학습하고, 현대적인 AI 기반 웹 서비스를 직접 구현해볼 수 있습니다.