📧 [email protected]
☎️ 010-5765-7509
📝 블로그
🌿 깃허브
저는 이러한 개발자입니다.
➡ 사용자 경험을 중시하는 개발자(React, TypeScript 기반으로 UI/UX 개선, 성능 최적화에 집중)
➡ 근면 성실한 개발자(기술 블로그 200편 이상 작성)
➡ 지식을 공유하는 개발자(스터디 그룹에서 격주로 발표를 진행하며 설명 능력 향상)
➡ 성장에 목마른 개발자(새로운 기술 학습에 적극적이며, 확장성과 사용자 경험을 고려한 개발 지향)
➡ 함께 일하고 싶은 개발자(다양한 팀 프로젝트 경험을 바탕으로, 주도적으로 소통하며 협업, 긍정적인 피드백)
더 궁금하시다면…
💻 프로젝트
RoomE
2025.02-2025.03
프론트 3 / 백엔드 5
📝 상세보기
🔗 서비스
👾 시연영상
🌿 깃허브
자신만의 디지털 공간을 만들어가는 서비스
- DOM 직접 조작을 통해 리렌더링 횟수 단 1회로 최소화
- 음악 재생 시간에 맞춰 해당 시간마다 저장된 댓글을 띄워줄때 발생하는 렌더링 최소화를 통한 성능 최적화
- FCP : 1.6s→1.1s(31.25%)
- LCP : 1.8s→1.2s( 22.22%)
- 초당 리렌더링 횟수: 12→4 (33.33%)
- Axios의 요청/응답 인터셉터를 활용하여 Access Token을 자동으로 재발급하고 로그인 상태를 유지함으로써 UX 개선
- 인증/인가, 음악(CD), 이벤트 페이지, 포인트 내역 개발
Mergi
2025.01 - 2025.02
프론트 5
📝 상세보기
🔗 서비스
🌿 깃허브
협업,취업을 위한 프로젝트·스터디 모집 서비스
- 게시글 필터링 및 검색 시 Vue query를 활용해 데이터를 캐싱하여 API 호출 최소화, 12 → 1 개의 네트워크 요청
- Supabase의 rpc함수를 활용한 네트워크 트래픽 감소
- Supabase의 Realtime & Subscribe 기능을 활용하여 클라이언트 측의 폴링 없이 효율적인 실시간 알림 시스템 구축
- 마이/유저, 프로젝트/스터디 모집 페이지 개발
Capsy
2024.11-2024.12
프론트 5
📝 상세보기
👾 시연영상
🌿 깃허브
과거의 기억을 묻어두고 공유하는 타임캡슐 기반 SNS 서비스
- 사용자 및 게시물 검색 시 검색 API 최적화
- 사용자와 게시물의 검색 결과를 분리하여 각각 최적화된 API를 호출하는 방식으로 구현
- 인스타그램처럼 사용자가 검색어를 입력할 때 사용자 우선 검색, 검색 시 게시물이 나오도록 분리
- 카카오맵 API를 활용해 지도에서 위치 기반 타임캡슐 검색
- 최대 너비를 600px로 제한하여 모바일 친화적인 웹앱 형태
- JWT 기반 이메일,비밀번호 인증/인가, 메인 검색, 지도, 이벤트 페이지 개발
🛠️ 기술 스택
Front-End.
JavaScript, TypeScript, React, Vue.js, Next.js, Zustand, TailwindCSS ,Styled-components
Database.