요약 슬라이드

요약요약
요약요약
요약요약
요약요약
요약요약

경유지 추가 — 페이지와 기능 늘리기

단일 페이지를 넘어 여러 페이지로 구성된 '진짜 웹사이트'를 만듭니다. 페이지 간 연결(Navigation)을 배웁니다.

페이지 확장: 경유지 만들기

자기소개 페이지 하나만으로는 포트폴리오로 부족합니다. 필요한 페이지들을 하나씩 추가해 봅니다.

  1. 프로젝트 페이지 추가
    프로젝트 페이지를 새로 만들어줘. 카드 형태로 프로젝트 이름과 설명이 들어가게 해줘.
    
  2. 경력 및 연락처 페이지 추가
    경력 사항을 보여주는 타임라인 페이지와 이메일을 보낼 수 있는 연락처 페이지를 추가해줘.
    

내비게이션: 페이지 연결하기

페이지가 여러 개라도 서로 이동할 수 없다면 의미가 없습니다. 모든 페이지 상단에 공통 메뉴를 추가합니다.

실행 프롬프트

모든 페이지 상단에 [소개, 프로젝트, 경력, 연락처]를 오갈 수 있는 내비게이션 메뉴를 추가해줘. 클릭하면 해당 페이지로 이동해야 해.

설계의 원칙: 한 번에 하나씩

웹사이트가 커질수록 요청할 사항도 많아집니다. 이때 기억해야 할 원칙은 '분할 정복' 입니다.

  • 나쁜 예: "페이지 3개 만들고, 메뉴 달고, 전부 다 파란색으로 통일해줘." (오류 확률 높음)
  • 좋은 예: 페이지를 하나씩 추가하고, 마지막에 "전체 페이지의 디자인 톤을 일관되게 통일해줘" 라고 요청합니다.

마일스톤 정리

  • 다중 페이지 구성 완료
  • 상단 내비게이션 메뉴 장착 (연결 완료)
  • 전체 웹사이트 디자인 톤 통일 완료