3차 프로젝트

안녕하세요,
성장 중인 프론트엔드 개발자 김지민입니다.

결과물보다 과정과 구조를 기록합니다.
DevFolio 팀 프로젝트와 함께 개인 포트폴리오를 만들고 있습니다.

프로젝트 보기 Live Demo GitHub
  • 📍 South Korea
  • 💼 Front-end (Beginner)
  • 🧩 DevFolio Team Project

About

저는 이런 방식으로 개발합니다

  • 빠르고 직관적이게 UI부터 설계합니다.
  • 작은 단위부터 만들고, 점진적으로 확장합니다.

지금 집중하는 것

반응형 컴포넌트 구조 상태 관리 기초 배포(GitHub Pages)

Tip : 각주를 꼼꼼하게 넣는 습관기르기

Skills

Frontend

  • HTML / Semantic
  • CSS / Flex, Grid
  • JavaScript (Basics)

Tools

  • Git / GitHub
  • Figma
  • VS Code

Learning

  • API 연동 패턴
  • 상태 관리 사고
  • 접근성(A11y)

Projects

DevFolio (Team)

완료

개발자 포트폴리오 큐레이션 플랫폼.

  • 팀 내 역할: 개인 포트폴리오 페이지 UI 구조 설계 / 페이지 구현

Personal Portfolio

완료

네이비&옐로우 테마 개인 포트폴리오.

  • 느낀점: 팀프로젝트에 맞춰 개인 포트폴리오를 설계하고 구현한 경험은 무척 유용했습니다. 네이비 테마 색깔에 걸맞는 인터랙티브 디자인을 적용해보며 사용자 경험을 중요하게 생각하게 되었습니다.
  • 목표: 섹션 기반 구조 + 기록형 포트폴리오
  • 포인트: 스크롤/네비 UX + 인터랙티브

Dev Log

Day 1

HTML 구조 잡기

섹션 구성 / 시맨틱 태그 적용 / 네비게이션 앵커 연결

Day 2

네이비&옐로우 테마 적용

컬러 변수 / 버튼 스타일 / 카드 레이아웃

Day 3

CSS, JavaScript 및 인터랙티브 기능 추가

검토 / 배경 및 인터랙티브 기능 추가

Day 4

GitHub Pages 배포

repo 생성 → push → settings → pages → 배포 URL 실행 확인 및 검토

Contact

Message