Contact
📞 010-9935-3564
✉️ [email protected]
Channel
GitHub https://github.com/somedding6363
Blog https://velog.io/@somedding/posts
Portfolio https://somedding6363.github.io/portfolio/
About Me
“Team-first Process, User-first Result”
팀과 함께 깊이 논의하고, 사용자에게 최고의 경험을 전달하는 것이 프론트엔드 개발의 본질이라 믿습니다.
— 팀을 이끌어 교내 동아리 웹사이트(Kuphil Web)을 기획부터 배포까지 주도
— 사용자 피드백 기반 리뉴얼로 실제 활성 사용자 증가 경험(매일 평균 2명의 활성 사용자)
— 현재 React, TypeScript 기반의 와인 정보 웹사이트 개발 중
— 단순 구현을 넘어 사용자 경험 향상을 위해 끊임없이 고민
Project
2025.04 - 진행 중
<Soool> 기획, 디자인, 프론트엔드 개발 및 테스트
트러블 슈팅
- “좋아요” 기능에 대해 서버와 api를 주고 받는 방식에 대해서 고민
- 기존 무분별하게 짰던 코드를 구조적으로 재설계하고, 코드의 품질을 향상할 수 있도록 커스텀 훅을 효율적으로 생성하고 컴포넌트를 역할에 따라 명확히 분리
2021.12 - 2024.05
<Kuphil Web> 프론트엔드 개발, 프로젝트 배포 및 운영(팀장)
- 교내 오케스트라 동아리 웹사이트 제작 프로젝트
- 동아리에 소속감을 느껴 활성화를 위해 4인 팀을 구성해 자발적으로 진행
- 팀원이 함께 Figma를 통해 디자인을 진행했으며 사용자 경험을 높이기 위한 개선이 발견되면 회의를 통해 적용
- 메인 페이지, 다양한 콘텐츠(심리 테스트, 이상형 월드컵 등) 구현 및 프로젝트 배포
- 온라인 설문과 대면 인터뷰를 통한 사용자 평가 후 리뉴얼 및 유지보수 진행
- 기존의 바닐라 자바스크립트에서 React.js 도입하여 리뉴얼 진행
- 사용자가 거의 없었지만, 리뉴얼 이후 매일 평균 2명의 활성 사용자가 발생
- 링크: https://www.kuphil.com
트러블 슈팅
- 이상형 월드컵 기능에서 이미지 로딩 지연 문제가 발생하여 사용자 경험 향상을 위해 고민
- onload 메서드를 통해 이미지 로딩 속도 개선
- 개선 전 - 이미지를 2개씩 불러와 매 라운드마다 최대 5초가 걸림
- 개선 후 - 64개의 이미지를 한 번에 미리 불러오도록 개선한 뒤에는 초기 로딩이 1초로 줄고, 이후에는 1~2ms로 빠르게 이미지가 표시됨
2023.01 / 2023.11
<Color, me> 프로그램 개발
- 조합된 색상을 저장할 수 있는 프로그램을 제작하기 위한 개인 프로젝트
- 색상을 조합하고 저장, 수정, 삭제하는 기능 구현
- GitHub Pages를 통한 웹 서비스 1차 배포
- Chrome Extension 프로그램으로 2차 배포(포팅)
- 링크:
Color, me - Chrome 웹 스토어
트러블 슈팅
- React.js의 도입을 고려했으나, 복잡한 상태 관리, 다중 컴포넌트 및 대규모 애플리케이션에 최적화되어 있는 React.js는 단순한 기능에 오히려 불필요한 복잡성을 가져올 것으로 판단
- 이에 HTML/CSS와 함께 React.js와 같은 라이브러리나 프레임워크 없이 구현(색상 선택 도구 라이브러리만 사용)
Skills
Frontend
JavaScript, TypeScript, React.js, HTML/CSS
Style
Styled-components, Emotion, Tailwind CSS