사용자 경험을 고민하고, 함께 성장하는 개발자입니다.

✉️ | [email protected]
📞 | 010-8671-5431
🔗 | https://www.mingyu-portfolio.pics/
✏️ | https://github.com/nile27
한남대학교 - 컴퓨터통신무인기술학과(컴퓨터 트랙)
2022.08 - 졸업
[ 이런 개발자를 지향합니다 ]
사용자의 불편을 해소하는 데서 서비스 개발이 시작된다고 믿습니다. 웹 프론트엔드는 사용자가 처음 마주하는 접점인 만큼, 직관적이고 편리한 UI/UX를 통해 가치 있는 경험을 전달하는 개발자를 지향합니다
[ 이럴 때 성취감을 느낍니다 ]
팀을 위해 스스로 해야 할 일을 찾아 실행하고, 원활한 소통을 통해 실질적인 기여를 해냈을 때 가장 큰 보람을 느낍니다. 함께 목표를 이루며 성취를 공유하는 개발자로 성장하고자 합니다.
🛠️ 프로젝트 경험
🪙 CoinBrief - 개인 프로젝트
실시간 코인 시세 및 환율 변환 기능을 제공하고, 시세 데이터를 차트로 시각화해 분석할 수 있는 플랫폼
배포 링크 | Figma | GitHub
기간: 2025.01 ~ 2025.01 (5주)
스택: TypeScript, Next.js, Tailwind CSS, Zustand, Firebase, Express.js
- 즐겨찾기 코인의 실시간 시세 제공과 캔들 차트 시각화
- 기존 정보 사이트는 즐겨찾기 코인에 단순 변동률 그래프만 제공해 단위 기준 파악이 어려운 문제가 있었습니다.
- ApexCharts의 캔들 차트를 도입해 가격 단위, 변동률을 함께 시각화하여, 코인 흐름을 한눈에 파악할 수 있도록 구현하였습니다.
- 코인 검색 드롭다운 UX 개선
- 한 글자 입력할 때 마다 불필요한 로딩이 발생하여 검색할 때마다 검색 속도가 느려보이는 현상이 있었습니다.
- 두 글자 이상 입력 시에만 드롭다운 미리보기를 제공하여 불필요한 로딩을 줄이고, 검색 경험을 개선하였습니다.
- Express.js 기반 WebSocket 전용 서버 구축
- Upbit WebSocket은 클라이언트에서 직접 연결 시 Origin 제한이 있었고, Vercel 서버리스 환경에서는 상시 연결을 유지하지 못하는 한계가 있음을 확인했습니다.
- 별도의 WebSocket 전용 서버를 Express.js로 구축하고 Cloudtype에 배포하여, 안정적으로 실시간 코인 시세 데이터를 제공했습니다.
- Firebase 이메일 OTP 인증 기반 로그인
- 가입 과정에서 사용자가 이미 소유하고 있는 이메일을 통해 본인 인증 절차를 진행하도록 하여, 계정 생성의 신뢰성을 높였습니다.