학습 코너

단계별 학습 커리큘럼

웹 개발 기초부터 AI·에이전트까지, 시리즈별로 차근차근 배울 수 있는 커리큘럼입니다. 원하는 시리즈를 골라 첫 번째 글부터 순서대로 따라가 보세요.

19 개 시리즈
135 편 글
14 개 주제

HTML

웹페이지의 뼈대. 모든 웹 개발의 출발점.

1개 시리즈
HTML입문

HTML 입문

10시작하기
  1. 1

    웹페이지는 어떻게 만들어질까? HTML 첫걸음

    브라우저가 HTML을 읽는 원리를 이해하고 VSCode와 Live Server를 설치해 첫 Hello World를 출력해 봅니다.

  2. 2

    HTML 기본 구조 — head와 body의 역할

    DOCTYPE, html, head, body 태그가 각각 무슨 역할을 하는지 이해하고 올바른 기본 구조를 손에 익힙니다.

  3. 3

    글자를 다루는 태그 — 제목, 단락, 강조

    h1~h6 제목 태그, p 단락 태그, strong·em 강조 태그, br 줄바꿈 태그 등 텍스트 관련 태그를 직접 써보며 익힙니다.

  4. 4

    링크와 이미지 — <a>와 <img> 태그 완전 정복

    다른 페이지로 이동하는 링크(a 태그)와 이미지(img 태그) 사용법을 익히고, 속성(attribute)의 개념을 이해합니다.

  5. 5

    목록과 표로 정보 정리하기 — ul, ol, table

    순서 없는 목록(ul), 순서 있는 목록(ol), 표(table) 태그를 배우고 정보를 구조적으로 표현하는 방법을 익힙니다.

  6. 6

    사용자 입력 받기 — 폼과 버튼

    로그인·회원가입·검색처럼 사용자 입력을 받는 form, input, button 태그를 배우고 다양한 입력 유형을 익힙니다.

  7. 7

    의미 있는 HTML — 시맨틱 태그로 구조 잡기

    header, nav, main, section, article, aside, footer 등 시맨틱 태그의 역할과 쓰임을 이해하고 올바른 페이지 구조를 만듭니다.

  8. 8

    파비콘과 메타 태그 — 탭에 이름과 아이콘 붙이기

    검색 결과와 SNS 공유에 영향을 주는 메타 태그와 브라우저 탭 아이콘(파비콘) 설정 방법을 배웁니다.

  9. 9

    HTML만으로 만드는 학급 설문 폼 실습

    지금까지 배운 폼 태그들을 총동원해 학급 설문지를 완성합니다. 입력 유효성 검사 속성도 함께 배웁니다.

  10. 10

    [HTML 완성 프로젝트] 나를 소개하는 웹페이지 만들기

    HTML 시리즈 1~9편에서 배운 모든 내용을 활용해 사진·자기소개·좋아하는 것이 담긴 완성도 있는 1페이지 소개 사이트를 만듭니다.

CSS

색상·레이아웃·애니메이션으로 디자인을 완성.

1개 시리즈
CSS입문

CSS 기초

10시작하기
  1. 1

    CSS란? HTML에 옷을 입히는 방법

    CSS가 무엇인지, HTML과 어떻게 연결하는지 배우고 배경색·글자색을 직접 바꿔보며 CSS의 기본 문법을 익힙니다.

  2. 2

    원하는 요소를 골라내는 기술 — CSS 선택자

    태그·클래스·아이디 선택자부터 자손·형제·가상 클래스 선택자까지, 원하는 HTML 요소에 정확히 스타일을 적용하는 방법을 배웁니다.

  3. 3

    색상과 배경 마음대로 다루기

    HEX·RGB·HSL 색상 표현법과 배경 색상·이미지·그라디언트를 활용해 페이지에 생동감을 불어넣습니다.

  4. 4

    폰트와 텍스트 스타일링 — 구글 폰트 적용까지

    font-family, font-size, font-weight, line-height 등 텍스트 관련 속성을 배우고 Google Fonts를 무료로 적용합니다.

  5. 5

    박스 모델 — margin, padding, border 완전 정복

    CSS의 핵심 개념인 박스 모델을 이해하고 margin, padding, border, box-sizing을 자유자재로 다룹니다.

  6. 6

    Flexbox로 레이아웃 자유자재로 — 가로 배치부터 정렬까지

    display:flex, justify-content, align-items, gap 등 Flexbox 핵심 속성을 배우고 다양한 레이아웃을 만들어 봅니다.

  7. 7

    반응형 웹 — 스마트폰부터 PC까지 모두 잘 보이게

    미디어 쿼리와 뷰포트 설정으로 스마트폰, 태블릿, PC 화면에서 모두 잘 보이는 반응형 웹 페이지를 만드는 방법을 배웁니다.

  8. 8

    hover 효과와 transition — 페이지에 생동감 불어넣기

    :hover 가상 클래스와 transition, transform 속성을 활용해 마우스 오버 시 부드러운 애니메이션 효과를 만드는 방법을 배웁니다.

  9. 9

    CSS 변수 — 색상과 값을 한 곳에서 관리하기

    CSS Custom Properties(변수)를 활용해 색상, 간격, 폰트 크기를 체계적으로 관리하고 다크 모드 전환의 기초까지 배웁니다.

  10. 10

    [CSS 완성 프로젝트] HTML 소개 페이지를 예쁘게 꾸미기

    CSS 시리즈 1~9편의 모든 내용을 활용해 HTML 프로젝트 소개 페이지에 반응형 디자인, 애니메이션, CSS 변수까지 적용해 완성도 있는 사이트를 만듭니다.

JavaScript

버튼 클릭, 데이터 처리 — 웹을 살아있게 만드는 언어.

1개 시리즈
JavaScript입문

JavaScript 기초

10시작하기
  1. 1

    JavaScript란? 웹을 살아있게 만드는 언어

    JavaScript가 무엇인지, HTML/CSS와 어떻게 다른지 이해하고 브라우저 콘솔에서 첫 코드를 실행해 봅니다.

  2. 2

    조건문과 반복문 — 프로그램의 흐름 만들기

    if/else 조건문과 for/while 반복문을 배우고 프로그램이 상황에 따라 다르게 동작하도록 흐름을 제어하는 방법을 익힙니다.

  3. 3

    함수 — 코드를 묶어서 재사용하기

    함수 선언, 매개변수, 반환값, 화살표 함수를 배우고 중복 코드를 없애 깔끔하고 재사용 가능한 코드를 작성하는 방법을 익힙니다.

  4. 4

    DOM 조작 — JavaScript로 HTML 바꾸기

    DOM이 무엇인지 이해하고 querySelector로 요소를 선택하고 innerHTML, textContent, style을 변경해 화면을 동적으로 바꾸는 방법을 배웁니다.

  5. 5

    이벤트 처리 — 클릭, 입력, 키보드에 반응하기

    addEventListener로 클릭, input, keydown, submit 등 다양한 사용자 이벤트에 반응하는 인터랙티브 웹 페이지를 만드는 방법을 배웁니다.

  6. 6

    배열과 객체 — 데이터를 구조적으로 다루기

    배열 메서드(map, filter, find, forEach)와 객체(Object)를 배우고 실제 데이터를 구조화해서 화면에 렌더링하는 방법을 익힙니다.

  7. 7

    localStorage — 브라우저에 데이터 저장하기

    localStorage를 활용해 새로고침해도 사라지지 않는 데이터 저장소를 만들고, JSON.stringify/parse로 객체를 저장하는 방법을 배웁니다.

  8. 8

    fetch API — 외부 데이터 가져오기

    fetch API와 async/await로 외부 API에서 데이터를 가져오고 화면에 표시하는 방법을 배웁니다. 날씨, 포켓몬 등 공개 API를 직접 사용해봅니다.

  9. 9

    실전 패턴 — 자주 쓰는 JavaScript 기법 모음

    폼 유효성 검사, 디바운스, 무한 스크롤 등 실제 웹 개발에서 자주 사용하는 JavaScript 패턴들을 배웁니다.

  10. 10

    [JavaScript 완성 프로젝트] 영화 검색 앱 만들기

    JavaScript 시리즈 1~9편의 모든 내용을 활용해 검색, 필터, localStorage, 즐겨찾기 기능을 갖춘 영화 검색 앱을 완성합니다.

Python

AI·데이터·자동화의 언어. 문법이 간결해 처음 배우기 좋습니다.

2개 시리즈
Python입문

Python 기초

10시작하기
  1. 1

    파이썬 시작하기 — 변수와 자료형

    파이썬의 기본 자료형(숫자, 문자열, 불리언)과 변수 사용법을 익힙니다. 타입 확인, 형 변환, f-string 등 실전에서 자주 쓰는 패턴을 배웁니다.

  2. 2

    조건문과 반복문 — 코드의 흐름 제어하기

    if/elif/else로 조건에 따라 다른 코드를 실행하고, for/while로 반복 작업을 자동화하는 방법을 배웁니다. 파이썬 들여쓰기 규칙도 익힙니다.

  3. 3

    함수와 모듈 — 코드를 재사용 가능하게 만들기

    def로 함수를 정의하고, 기본값·가변 인자·키워드 인자를 활용하는 방법을 배웁니다. 모듈 import와 자주 쓰는 표준 라이브러리도 익힙니다.

  4. 4

    리스트와 딕셔너리 — 파이썬의 핵심 자료구조

    리스트로 순서 있는 데이터를 관리하고, 딕셔너리로 키-값 쌍을 다루는 방법을 배웁니다. 리스트 컴프리헨션과 딕셔너리 조작 패턴도 익힙니다.

  5. 5

    파일 입출력 — 데이터를 읽고 저장하기

    파이썬으로 텍스트 파일을 읽고 쓰고, CSV와 JSON 파일을 처리하는 방법을 배웁니다. with 구문과 파일 경로 다루기도 함께 익힙니다.

  6. 6

    예외 처리 — 오류가 나도 멈추지 않는 코드 만들기

    try/except로 런타임 오류를 처리하고, 커스텀 예외를 만들고, 로깅으로 오류를 기록하는 방법을 배웁니다. 견고한 프로그램을 위한 필수 기술입니다.

  7. 7

    클래스와 객체 — 데이터와 기능을 하나로 묶기

    클래스로 자신만의 자료형을 만들고, 속성과 메서드를 정의하는 방법을 배웁니다. LLM API 코드에서 자주 보이는 Pydantic 모델의 기반 개념도 함께 익힙니다.

  8. 8

    외부 패키지와 가상환경 — 파이썬 프로젝트 관리

    pip로 외부 패키지를 설치하고, venv로 프로젝트별 가상환경을 만들고, requirements.txt로 의존성을 관리하는 방법을 배웁니다.

  9. 9

    HTTP 요청 — 외부 API 호출하기

    requests와 httpx로 REST API를 호출하고, JSON 응답을 처리하는 방법을 배웁니다. 헤더 설정, 인증, 에러 처리까지 실전 API 연동에 필요한 모든 것을 익힙니다.

  10. 10

    최종 프로젝트 — AI 기반 뉴스 요약 도구 만들기

    변수, 함수, 클래스, 파일 I/O, 예외 처리, HTTP 요청, OpenAI API까지 Python 기초 시리즈에서 배운 모든 개념을 활용해 실용적인 뉴스 요약 도구를 만듭니다.

Python기초

Python 데이터 분석

  1. 1

    NumPy 기초 — 수치 연산의 기반

    NumPy의 ndarray로 고성능 수치 연산을 수행하는 방법을 배웁니다. 배열 생성, 슬라이싱, 브로드캐스팅, 집계 함수 등 데이터 분석의 기반이 되는 개념을 익힙니다.

  2. 2

    Pandas 기초 — DataFrame으로 표 데이터 다루기

    Pandas의 DataFrame과 Series를 이용해 표 형태의 데이터를 로드, 탐색, 필터링, 집계하는 방법을 배웁니다. CSV, Excel, JSON 파일 처리도 익힙니다.

  3. 3

    데이터 정제 — 결측값, 이상값, 타입 변환

    실제 데이터에서 발생하는 결측값 처리, 이상값 탐지와 제거, 데이터 타입 변환 방법을 배웁니다. 깨끗한 데이터가 좋은 분석의 시작입니다.

  4. 4

    데이터 시각화 — Matplotlib과 Seaborn

    Matplotlib으로 차트를 그리고, Seaborn으로 통계적 시각화를 만드는 방법을 배웁니다. 히스토그램, 산점도, 박스플롯, 히트맵 등 다양한 차트를 실습합니다.

  5. 5

    탐색적 데이터 분석 (EDA) — 데이터에서 인사이트 발굴

    EDA의 체계적인 방법론을 배웁니다. 데이터 개요 파악부터 분포 분석, 관계 분석, 가설 검증까지 단계별로 인사이트를 찾는 과정을 실습합니다.

  6. 6

    머신러닝 기초 — scikit-learn으로 예측 모델 만들기

    scikit-learn으로 분류와 회귀 모델을 만들고, 교차 검증으로 성능을 평가하는 방법을 배웁니다. 특성 엔지니어링과 파이프라인 구성도 익힙니다.

  7. 7

    AI 연계 분석 — LLM으로 데이터를 자연어로 탐색하기

    LLM과 데이터 분석을 결합해 자연어로 데이터를 탐색합니다. pandas-ai, LangChain, OpenAI API를 활용해 코드 없이 데이터에 질문하고, AI가 분석을 자동화하는 방법을 배웁니다.

  8. 8

    실전 프로젝트 — 이커머스 데이터 분석 대시보드

    이커머스 주문 데이터를 처음부터 끝까지 분석합니다. 데이터 정제, EDA, 시각화, 머신러닝 예측, AI 인사이트 생성을 하나의 프로젝트로 통합합니다.

TypeScript

JavaScript에 타입을 더해 안전하고 확장 가능한 코드를 작성합니다.

1개 시리즈
TypeScript기초

TypeScript 기초

  1. 1

    TypeScript란? — 타입으로 안전한 JavaScript

    TypeScript가 왜 필요한지, JavaScript와 어떻게 다른지 이해합니다. 타입 시스템의 기본 개념과 TypeScript 개발 환경을 설정하는 방법을 배웁니다.

  2. 2

    TypeScript 기본 타입 — 원시 타입부터 배열까지

    TypeScript의 기본 타입을 배웁니다. string, number, boolean, array, tuple, enum, any, unknown, never 등 핵심 타입을 다룹니다.

  3. 3

    인터페이스와 타입 별칭 — 복잡한 구조 정의하기

    interface와 type alias로 객체 구조를 정의하는 방법을 배웁니다. 선택적 속성, 읽기 전용, 확장, 유니온·인터섹션 타입도 함께 익힙니다.

  4. 4

    함수와 제네릭 — 재사용 가능한 타입 안전 코드

    TypeScript에서 함수 타입을 정의하고, 제네릭으로 어떤 타입에도 동작하는 범용 함수와 클래스를 만드는 방법을 배웁니다.

  5. 5

    클래스와 접근 제어자 — TypeScript OOP

    TypeScript 클래스의 접근 제어자(public, private, protected), 추상 클래스, 인터페이스 구현을 배웁니다. JavaScript 클래스와의 차이도 이해합니다.

  6. 6

    유틸리티 타입 — 타입 변환 도구 모음

    TypeScript 내장 유틸리티 타입을 배웁니다. Partial, Required, Readonly, Pick, Omit, Record, Exclude, Extract 등을 실전에서 활용하는 방법을 익힙니다.

  7. 7

    타입 좁히기와 고급 패턴 — 조건부 타입, 맵드 타입

    타입 가드로 런타임에 타입을 좁히고, 조건부 타입과 맵드 타입으로 동적인 타입을 생성하는 TypeScript 고급 기법을 배웁니다.

  8. 8

    TypeScript 실전 프로젝트 — 타입 안전 API 클라이언트

    TypeScript 기초를 총정리하는 실전 프로젝트입니다. 제네릭, 유틸리티 타입, 에러 처리를 결합해 타입 안전한 API 클라이언트를 만듭니다.

React

컴포넌트 기반 UI 라이브러리. 현대 프론트엔드의 핵심.

1개 시리즈
React기초

React 기초

10시작하기
  1. 1

    React란? — 컴포넌트 기반 UI 개발

    React의 핵심 개념인 컴포넌트, 가상 DOM, 단방향 데이터 흐름을 이해합니다. Create React App 없이 Vite로 React 개발 환경을 설정하는 방법을 배웁니다.

  2. 2

    Props와 State — 데이터 전달과 상태 관리

    props로 컴포넌트에 데이터를 전달하고, useState로 컴포넌트 내부 상태를 관리하는 방법을 배웁니다. 불변성과 리렌더링 원리도 이해합니다.

  3. 3

    이벤트 처리 — 클릭, 입력, 폼 다루기

    React에서 이벤트를 처리하는 방법을 배웁니다. onClick, onChange, onSubmit 등 주요 이벤트 핸들러와 타입 안전한 이벤트 처리를 익힙니다.

  4. 4

    useEffect — 부수 효과와 생명주기 처리

    useEffect로 API 호출, 구독, 타이머 등 부수 효과를 처리하는 방법을 배웁니다. 의존성 배열의 의미와 클린업 함수의 역할도 이해합니다.

  5. 5

    조건부 렌더링과 리스트 — 동적 UI 패턴

    조건에 따라 다른 UI를 보여주고, 배열 데이터를 리스트로 렌더링하는 패턴을 배웁니다. key prop의 중요성과 성능 최적화도 이해합니다.

  6. 6

    useRef와 useMemo — DOM 참조와 성능 최적화

    useRef로 DOM 요소에 직접 접근하고, useMemo와 useCallback으로 불필요한 재계산·재렌더링을 방지하는 방법을 배웁니다.

  7. 7

    Context API — 전역 상태 공유

    Context API로 prop drilling 없이 컴포넌트 트리 어디서나 데이터를 공유하는 방법을 배웁니다. 테마, 인증, 언어 설정 등 전역 상태 관리에 활용합니다.

  8. 8

    커스텀 훅 — 로직 재사용과 추상화

    반복되는 로직을 커스텀 훅으로 추출해 재사용하는 방법을 배웁니다. useLocalStorage, useDebounce, useFetch 등 실용적인 커스텀 훅을 직접 만들어봅니다.

  9. 9

    React Router — SPA 라우팅 구현

    React Router v6로 싱글페이지 앱에서 페이지 라우팅을 구현합니다. 동적 라우트, 중첩 라우트, 라우트 보호, 프로그래밍 방식 이동을 배웁니다.

  10. 10

    React 실전 프로젝트 — 할일 관리 앱

    React 기초 시리즈 총정리 프로젝트입니다. Context, 커스텀 훅, 라우팅, TypeScript를 모두 활용해 완성도 있는 할일 관리 앱을 만듭니다.

Next.js

React 기반 풀스택 프레임워크. SSR·파일 기반 라우팅·배포까지.

1개 시리즈
Next.js기초

Next.js 기초

  1. 1

    Next.js란? — App Router와 풀스택 React

    Next.js가 React와 어떻게 다른지, App Router 구조가 무엇인지 이해합니다. SSR, SSG, ISR의 개념과 차이점, 그리고 Next.js 프로젝트를 시작하는 방법을 배웁니다.

  2. 2

    페이지와 라우팅 — 동적 라우트와 레이아웃

    Next.js App Router에서 동적 라우트, 중첩 레이아웃, 라우트 그룹, 병렬 라우트를 구현하는 방법을 배웁니다. Link 컴포넌트와 useRouter도 익힙니다.

  3. 3

    데이터 패칭 — 서버 컴포넌트와 캐싱 전략

    Next.js에서 서버 컴포넌트로 데이터를 가져오는 방법을 배웁니다. fetch 캐싱, revalidate, Suspense를 활용한 스트리밍 렌더링도 익힙니다.

  4. 4

    Server Actions와 API Routes — 서버 로직 처리

    Server Actions로 폼 제출과 데이터 변이를 처리하고, API Routes로 REST API를 만드는 방법을 배웁니다. 두 방식의 차이와 선택 기준도 이해합니다.

  5. 5

    이미지와 폰트 최적화 — next/image와 next/font

    next/image로 이미지를 자동 최적화하고, next/font로 폰트 로딩 성능을 높이는 방법을 배웁니다. Core Web Vitals와 LCP 개선에 직결되는 핵심 최적화입니다.

  6. 6

    인증 구현 — NextAuth.js로 소셜 로그인

    NextAuth.js v5(Auth.js)로 Google, GitHub 소셜 로그인과 이메일/비밀번호 인증을 구현합니다. 세션 관리와 라우트 보호 방법도 배웁니다.

  7. 7

    환경 변수와 배포 — Vercel로 프로덕션 배포

    환경 변수를 안전하게 관리하고, Vercel로 Next.js 앱을 배포하는 방법을 배웁니다. 도메인 연결, 환경별 설정, Edge Runtime도 이해합니다.

  8. 8

    Next.js 실전 프로젝트 — 풀스택 블로그 플랫폼

    Next.js 기초 시리즈 총정리 프로젝트입니다. App Router, Server Actions, NextAuth, 이미지 최적화를 모두 활용한 풀스택 블로그를 구현합니다.

Git

버전 관리의 표준. 혼자 써도, 팀으로 써도 필수 도구.

1개 시리즈

SQL

데이터베이스 조회·집계·관리. 데이터 다루는 개발자의 필수 언어.

1개 시리즈
SQL입문

SQL 기초

  1. 1

    SQL이란? — 데이터베이스와 관계형 모델

    SQL이 무엇인지, 관계형 데이터베이스가 어떻게 동작하는지 이해합니다. 테이블, 행, 열, 기본키, 외래키 등 핵심 개념을 배우고 첫 SELECT를 실행합니다.

  2. 2

    SELECT 기초 — 원하는 데이터 조회하기

    WHERE로 조건 필터링, ORDER BY로 정렬, LIMIT으로 개수 제한하는 방법을 배웁니다. LIKE, IN, BETWEEN 등 다양한 조건 연산자도 익힙니다.

  3. 3

    JOIN — 여러 테이블 연결하기

    INNER JOIN, LEFT JOIN, RIGHT JOIN으로 여러 테이블을 연결해 복합 데이터를 조회하는 방법을 배웁니다. 외래키 관계와 JOIN 선택 기준도 이해합니다.

  4. 4

    집계 함수와 GROUP BY — 통계 계산하기

    COUNT, SUM, AVG, MAX, MIN으로 집계를 계산하고, GROUP BY로 그룹별 통계를 내는 방법을 배웁니다. HAVING으로 그룹 조건을 필터링하는 것도 익힙니다.

  5. 5

    서브쿼리와 CTE — 복잡한 조건 처리하기

    서브쿼리로 쿼리 안에 쿼리를 중첩하고, CTE(WITH 절)로 가독성 좋은 복잡한 쿼리를 작성하는 방법을 배웁니다. EXISTS, ANY, ALL도 함께 익힙니다.

  6. 6

    INSERT, UPDATE, DELETE — 데이터 변경하기

    데이터를 삽입, 수정, 삭제하는 DML 명령어를 배웁니다. 트랜잭션으로 여러 작업을 원자적으로 처리하고, UPSERT 패턴도 익힙니다.

  7. 7

    DDL과 인덱스 — 테이블 설계와 성능 최적화

    CREATE TABLE로 테이블을 설계하고, 제약 조건으로 데이터 무결성을 보장하는 방법을 배웁니다. 인덱스로 쿼리 성능을 높이는 원리도 이해합니다.

  8. 8

    SQL 실전 패턴 — 앱 개발에서 자주 쓰는 쿼리

    페이지네이션, 검색, 집계 대시보드 등 실제 앱 개발에서 필요한 SQL 패턴을 정리합니다. Python과 Node.js에서 SQL을 사용하는 방법도 배웁니다.

Docker

컨테이너로 어디서든 동일한 환경. 개발·배포 간극을 없애줍니다.

1개 시리즈

WordPress

코딩 없이 웹사이트·쇼핑몰 구축. 전 세계 40% 웹사이트가 사용하는 CMS.

1개 시리즈
WordPress입문

워드프레스로 웹사이트 만들기

  1. 1

    워드프레스란? — 개념, 호스팅 선택, 설치

    워드프레스의 구조와 종류(WordPress.com vs .org)를 이해하고, 적합한 호스팅을 선택해 직접 설치하는 방법을 배웁니다.

  2. 2

    관리자 패널 & 기본 설정 — 대시보드 완전 정복

    WordPress 관리자 패널의 구조를 파악하고, 사이트 기본 설정, 고유주소, 미디어, 사용자 권한 등 필수 설정을 완성합니다.

  3. 3

    테마 & 디자인 — Elementor로 원하는 페이지 만들기

    무료·유료 테마를 설치하고, Elementor 페이지 빌더로 드래그앤드롭 방식으로 디자인을 완성합니다. 반응형 설정과 글로벌 스타일도 다룹니다.

  4. 4

    페이지 & 콘텐츠 구성 — 메뉴, 블로그, 연락처 폼

    홈·소개·서비스·블로그·연락처 등 사이트에 필요한 페이지를 만들고, 내비게이션 메뉴와 Contact Form 7로 연락처 폼을 구성합니다.

  5. 5

    SEO & 성능 최적화 — Yoast, 캐싱, 이미지 압축

    Yoast SEO로 검색 엔진 최적화를 설정하고, WP Rocket·LiteSpeed Cache로 속도를 높입니다. Core Web Vitals 점수를 올리는 실전 방법을 배웁니다.

  6. 6

    WooCommerce 쇼핑몰 기초 — 상품 등록과 결제 설정

    WooCommerce를 설치하고 상품을 등록합니다. 카카오페이·토스·이니시스 결제 수단 연동과 배송 설정, 세금 설정까지 쇼핑몰 오픈 전 필수 작업을 다룹니다.

  7. 7

    WooCommerce 심화 — 쿠폰, 주문 관리, 분석

    쿠폰·할인 캠페인을 만들고 주문을 효율적으로 처리합니다. 재고 알림, 고객 리뷰, WooCommerce Analytics 대시보드로 매출을 분석하는 방법을 배웁니다.

  8. 8

    보안 & 유지보수 — 백업, 해킹 방어, 업데이트 관리

    WordPress 사이트를 안전하게 운영하는 방법을 배웁니다. 자동 백업, Wordfence 방화벽, 로그인 보호, SSL, 정기 업데이트 루틴까지 실전 보안 가이드를 다룹니다.

Agent

AI 에이전트 설계·구현·운영 실전 가이드.

1개 시리즈
Agent중급

AI 에이전트 기초

  1. 1

    AI 에이전트란? — LLM이 스스로 생각하고 행동한다

    AI 에이전트의 개념과 일반 LLM 챗봇과의 차이를 이해합니다. 계획·도구·기억·행동으로 구성된 에이전트 아키텍처의 작동 원리를 알아봅니다.

  2. 2

    LangChain 기초 — 에이전트 개발 프레임워크 시작하기

    LangChain으로 LLM 체인을 구성하고, LCEL 문법으로 파이프라인을 조합하는 방법을 배웁니다. 에이전트 개발의 기반이 되는 핵심 추상화를 익힙니다.

  3. 3

    도구 설계와 LangGraph — 실제로 움직이는 에이전트 만들기

    LangGraph로 상태 기반 에이전트를 구현하고, 커스텀 도구를 설계해 LLM이 실제 작업을 수행하게 만드는 방법을 배웁니다.

  4. 4

    메모리와 상태 관리 — 에이전트가 기억하는 방법

    에이전트의 단기 메모리(컨텍스트)와 장기 메모리(벡터 DB)를 설계하고, 대화 기록·사용자 정보·작업 결과를 효과적으로 관리하는 방법을 배웁니다.

  5. 5

    멀티 에이전트 패턴 — 에이전트들이 협업하는 구조

    오케스트레이터-서브에이전트 패턴으로 복잡한 작업을 역할별로 분리하고, LangGraph로 에이전트 간 협업 시스템을 구현하는 방법을 배웁니다.

  6. 6

    실전 프로젝트 — 자율 리서치 에이전트 만들기

    지금까지 배운 도구 설계, LangGraph, 메모리, 멀티 에이전트를 모두 통합해 주제를 받아 스스로 리서치하고 보고서를 작성하는 자율 에이전트를 완성합니다.

LLM

대형 언어 모델 활용·파인튜닝·프롬프트 엔지니어링.

5개 시리즈

AI Tools

AI Tools 시리즈

1개 시리즈