프로젝트 배경
이력과 작업물을 휴대폰에서도 읽히게 보여 줘야 했습니다. 템플릿만 바꿔 쓰면 문서 페이지와 톤이 갈라지고, 나중에 페이지를 늘리기도 어렵습니다. 레이아웃과 문서 구조를 직접 맞춰 두는 게 목표였습니다.
프로젝트 성과
데스크톱·모바일 반응형
좁은 화면에서 메뉴가 접히고, 소개·기술 블록이 한 열로 내려갑니다.
문서 페이지 분리
긴 경력 설명은 별도 페이지로 빼서 스크롤과 목차를 맞췄습니다.
배포까지 혼자
Netlify로 직접 올려 주소를 바로 열 수 있게 했습니다.
핵심 기능
진행 단계
정보 구조
2026.08.
소개, 기술, 경력, 문서 페이지로 나눌 범위를 정했습니다.
프로젝트 상세
데스크톱과 휴대폰에서 같이 보이게 개인 사이트를 직접 만들었습니다. 상단 메뉴, 소개, 기술, 경력, 문서 페이지를 같은 톤으로 묶었고, 좁은 화면에서는 메뉴를 접어 두었습니다. 경력 기술처럼 긴 내용은 따로 문서 페이지를 빼서 읽히게 했습니다. 배포는 Netlify로 올렸고, 주소만 주면 바로 열어볼 수 있습니다.







