1단계 · AI와 LLM의 기본 구조
생성형 AI와 LLM의 차이, 토큰, 답변이 만들어지는 원리를 쉽게 이해해요.
AI LEARNING · 6 STEPS
2단계 · AI 에이전트와 하네스
에이전트, MCP, Skill, Harness, HITL의 역할과 차이를 배워요.
3단계 · AI가 도구와 지식을 연결하는 법
API, Tool Calling, RAG와 코딩 에이전트의 활용을 알아봐요.
4단계 · 모델·토큰·로컬 LLM
로컬·클라우드 모델, 컨텍스트 윈도우, 추론과 비용을 구분해요.
5단계 · 프롬프트·메모리·지식 활용
프롬프트, 시스템 지침, 메모리, RAG와 파인튜닝을 비교해요.
6단계 · 워크플로·루프 엔지니어링
AS-IS/TO-BE, 워크플로, 반복 검증, Subagent, HITL을 배워요.
CSS GRID
CSS FLEX
CSS POSITION
TAILWIND CSS
Tailwind CSS 강의자료
CDN 셋팅부터 flex, grid, position, 단위 시스템, v4 주의사항까지 인터랙티브하게 배워요.
준비중
Tailwind CSS 퀴즈
Tailwind 핵심 개념을 문제로 확인해보세요.
JAVASCRIPT 기초
JavaScript 역사와 개념
1995년 탄생부터 현대 JavaScript까지. 브라우저 전쟁, DOM/BOM, ES6+ 표준화까지 배워요.
JavaScript 변수
var, let, const의 완벽한 차이. 변수 선언, 스코프, 재할당 완전 정복!
JavaScript 데이터타입
String, Number, Boolean, null, undefined, Object. 7가지 타입을 초딩도 이해할 수 있게!
JavaScript 연산자
산술, 대입, 증감, 비교, 논리, 삼항 연산자. 우선순위까지 완벽하게!
JavaScript 스코프 & 호이스팅
함수 스코프, 블록 스코프, 스코프 체인. 호이스팅의 모든 것을 인터랙티브하게 배워요.
JavaScript 조건문
if/else, else if, switch문으로 조건에 따라 다르게 실행하는 분기를 완전히 이해해요.
JavaScript 반복문
while, for, forEach, for...of로 같은 코드를 여러 번 실행해요. break/continue 포함!
JavaScript DOM 조작
querySelector, createElement, appendChild, textContent 등 DOM 메서드를 마스터해요.
JavaScript 내장 객체
Array, String, Math, Date, Object 등 JavaScript의 주요 내장 객체와 메서드.
UI/UX GESTALT
HTML 퀴즈
CSS 퀴즈
CSS 텍스트 & 컬러
text-align, text-transform, text-decoration, text-shadow, CSS Colors 등을 확인해요.
CSS 폰트
font-size, font-weight, font-family, line-height 등 폰트 관련 속성을 확인해요.
CSS 단위
px, em, rem, %, vw, vh 등 CSS 단위 개념을 확인해요.
CSS 박스모델
margin, padding, border, box-sizing 등 박스모델 개념을 확인해요.
CSS 배경
background-color, background-image, background-size 등 배경 속성을 확인해요.
CSS 결합 선택자
자손, 자식, 인접, 일반 형제 선택자 등 결합 선택자 개념을 확인해요.
CSS 우선순위
specificity, important, 캐스케이딩 등 CSS 우선순위 규칙을 확인해요.