웹퍼블리셔 포트폴리오

제작 목적

구조화와 반응형 웹의 기초를 익히기 위해 제작한 첫 웹퍼블리싱 포트폴리오입니다.

담당 범위

• 다수의 반응형 정적 페이지 구조와 2022년 당시 레이아웃 구현
• HTML·CSS·JavaScript·jQuery 기반 화면과 인터랙션 제작
• 여행 사이트·개인 사이트와 미니 메모장·Todo·주사위·영화 리뷰 제작

기술적으로 고민한 부분

• 반복되는 메뉴·콘텐츠 유형에 공통 마크업과 반응형 기준 적용

문제와 해결 과정

• 공통 구조를 정리해 대규모 정적 페이지의 일관성 유지
• 다양한 화면 크기에서 콘텐츠가 자연스럽게 재배치되도록 반응형 구간 조정

현재 관점에서의 개선점

• 대규모 정적 페이지의 공통 구조와 반응형 기준 학습
• 다수의 정적 페이지를 수작업으로 제작한 한계를 이후 데이터·컴포넌트 기반 프로젝트의 개선 목표로 연결

사용 기술

• HTML
• CSS
• JavaScript
• jQuery

구현 화면