안녕하세요! 개발자 김진수입니다.
사용자 경험과 인터페이스의 완성도를 높이기 위해 항상 고민합니다.
소통과 협업을 통해 더 나은 결과물을 만들고자 노력합니다.
주요 프로젝트
식샤 - 서울대 식단 알리미 서비스
2024.03 -
프로젝트 설명
- 서울대학교 학내 식당의 식단 정보를 제공하는 서비스입니다.
- 서울대학교 개발 동아리 '와플스튜디오'에서 20명 이상의 개발자 & 디자이너와 함께 개발하고 있으며, 현재(2025.07 기준) 프론트엔드 파트 리더로서 서비스의 발전에 꾸준히 기여하고 있습니다.
- 반응형/적응형 UI의 원활한 구현을 위해 Layout component를 체계화하였으며, 이를 토대로 디자인 시스템을 구현하였습니다.
- 기능 확장에 따라 모달, 캐러셀, 게시글 작성 폼 등 다양한 UI 요소를 구현하였으며, 불필요한 재렌더링을 줄이는 등 지속적인 성능 최적화로 UX를 개선해 나갔습니다.
개인 블로그
2021 -
프로젝트 설명
- Github pages와 Jekyll을 사용하여 제작/배포하였습니다.
- Javascript를 줄이고 Liquid와 SCSS를 적극 활용하여, 웹사이트를 가볍게 만들고자 하였습니다.
- GitHub Actions를 적용하여 게시글 업로드에 따른 배포를 자동화했습니다.
다락방 - 음악으로 공감하는 공간
2025.05
프로젝트 설명
- (현재는 서버 인증서 문제로, 일부 기능이 제공되지 않습니다.)
- 2025 SKYST 해커톤에서 제작되어, 상위 10개 팀에 선정된 음악 기반의 소셜 커뮤니티 서비스입니다.
- websocket과 react-youtube library를 활용하여, 여러 사용자들에 의한 실시간 선곡 시스템을 구현했습니다.
FastMRI Challenge Leaderboard
2024.08 -
프로젝트 설명
- (대회 기간 중에만 활성화되는 웹사이트입니다.)
- 교내 AI 대회인 'FastMRI Challenge'의 참가자들을 위한 실시간 리더보드입니다.
- 참가자들이 언제, 어디서나 쉽게 리더보드를 확인할 수 있도록, 모바일 우선(mobile-first) UI를 적용했습니다.
- Google form API를 활용하여, 제출된 점수를 실시간으로 집계하는 시스템을 구현했습니다.
기술 스택
Frontend
- HTML5, CSS3, JavaScript (ES6+)
- React.js, Next.js
- TypeScript
- Styled-components, CSS Modules
- Responsive Web Design
개발 도구
- Git, GitHub
- npm, yarn
- Webpack, Vite
기타
- Jekyll
- Performance Optimization
- Cross-browser Compatibility
- SEO Optimization