2부. 보이는 웹 (Frontend)

📌 핵심 주제

• 구조와 표현: 뼈대(HTML)와 화장(CSS)을 분리하여 웹 문서를 작성합니다.
• 문서에서 앱으로: 자바스크립트(JS)와 리액트(React)를 통해, 정적인 문서를 살아있는 애플리케이션으로 진화시킵니다.
• AI Native Workflow: TypeScript와 프롬프트 엔지니어링을 활용해, AI에게 명확한 설계도(Blueprint)를 제시하는 법을 배웁니다.

📋 목차

• 01. HTML: 문서의 뼈대: 브라우저가 이해하는 상자 구조 만들기.
• 02. CSS: 꾸미기와 배치: 밋밋한 뼈대에 색깔과 스타일 입히기.
• 03. JavaScript: 웹의 근육: 정적인 문서에 논리와 생명 불어넣기.
• 04. Node.js & NPM: 자바스크립트 공구함: 브라우저 밖으로 나온 JS와 방대한 생태계.
• 05. TypeScript: 더 안전한 자바스크립트: AI 협업을 위한 정확한 설계도 만들기.
• 06. React: 웹을 레고처럼 조립하기: 컴포넌트 단위로 모던 웹 개발하기.
• 07. React (Single Page App): 새로고침 없이 화면을 교체하는 SPA의 원리와 라우팅.

---

"디자인은 AI에게, 구조(Structure)는 인간이. 더 나아가, 우리는 복잡한 앱을 레고 블록처럼 쪼개고 조립하는 아키텍트의 눈을 기릅니다."