요약 슬라이드
경유지 추가 — 페이지와 기능 늘리기
단일 페이지를 넘어 여러 페이지로 구성된 '진짜 웹사이트'를 만듭니다. 페이지 간 연결(Navigation)을 배웁니다.
페이지 확장: 경유지 만들기
자기소개 페이지 하나만으로는 포트폴리오로 부족합니다. 필요한 페이지들을 하나씩 추가해 봅니다.
- 프로젝트 페이지 추가
프로젝트 페이지를 새로 만들어줘. 카드 형태로 프로젝트 이름과 설명이 들어가게 해줘. - 경력 및 연락처 페이지 추가
경력 사항을 보여주는 타임라인 페이지와 이메일을 보낼 수 있는 연락처 페이지를 추가해줘.
내비게이션: 페이지 연결하기
페이지가 여러 개라도 서로 이동할 수 없다면 의미가 없습니다. 모든 페이지 상단에 공통 메뉴를 추가합니다.
실행 프롬프트
모든 페이지 상단에 [소개, 프로젝트, 경력, 연락처]를 오갈 수 있는 내비게이션 메뉴를 추가해줘. 클릭하면 해당 페이지로 이동해야 해.
설계의 원칙: 한 번에 하나씩
웹사이트가 커질수록 요청할 사항도 많아집니다. 이때 기억해야 할 원칙은 '분할 정복' 입니다.
- 나쁜 예: "페이지 3개 만들고, 메뉴 달고, 전부 다 파란색으로 통일해줘." (오류 확률 높음)
- 좋은 예: 페이지를 하나씩 추가하고, 마지막에 "전체 페이지의 디자인 톤을 일관되게 통일해줘" 라고 요청합니다.
마일스톤 정리
- 다중 페이지 구성 완료
- 상단 내비게이션 메뉴 장착 (연결 완료)
- 전체 웹사이트 디자인 톤 통일 완료









