Projects
정렬알고리즘 성능 비교
전북대학교 알고리즘 수업에서 2명이 함께 진행한 대용량 데이터를 정렬하여 정렬알고리즘의 성능을 비교하는 프로젝트입니다. MovieLens 1M 데이터셋(평점 1,000,209건, 영화 3,883편)을 활용하여 데이터를 정렬·추천하고, 정렬 결과를 시각화하여 비교했습니다.
디자인 시스템 가이드북
버튼, 폼, 카드 등 공통 컴포넌트를 규격화한 내부 디자인 시스템 가이드북입니다. 컴포넌트 구조, 색상/그리드 규칙, 타이포그래피 스케일 등을 문서화했습니다. 스타일 일관성과 재사용성을 위한 Atomic Design 개념을 반영했습니다. 🛠️ Storybook · React · SCSS
Cloud Note — 클라우드 메모 앱 기획
사용자가 기기 간 실시간으로 메모를 동기화할 수 있는 웹 기반 클라우드 노트 서비스 기획안입니다. Google Drive와 유사한 구조를 기반으로, 폴더 정리·태그·검색 기능을 UI 시나리오로 설계했습니다. 로그인 화면과 편집기 인터페이스는 Figma 프로토타입 형태로 구현했습니다.
스마트 여행 대시보드
여행지 검색, 날씨, 숙소 정보 등을 한눈에 볼 수 있는 스마트 여행 대시보드 UI입니다. 카드형 인터페이스와 지도 기반 인터랙션을 활용해, 복합 정보를 직관적으로 표현했습니다. 반응형 레이아웃과 사용자 친화적인 컬러 토큰 시스템을 적용했습니다.
AWS 클라우드 포트폴리오 배포
AWS S3와 CloudFront를 이용해 정적 사이트를 배포하는 클라우드 배포 워크플로우 예시입니다. GitHub Actions로 자동 빌드-배포 파이프라인을 구성하고, 커스텀 도메인과 SSL 인증서를 적용하는 과정을 문서화했습니다. 🛠️ AWS S3 · CloudFront · GitHub Actions
UI 접근성 진단 툴
웹 접근성 진단을 위한 프론트엔드 툴 기획안입니다. 색상 대비, 폰트 크기, 대체 텍스트 존재 여부 등을 자동 검출하는 UI를 설계했습니다. WCAG 2.1 기준을 기반으로 접근성 점수를 시각화하는 대시보드 형태로 구성했습니다.