미리보기
기본 정보
협업과 소통을 통해 더 나은 결과를 만들어내는 프론트엔드 개발자입니다. 컴퓨터공학을 전공하며 다양한 언어를 익혔고, 이후 Next.js와 React를 중심으로 개발 역량을 키워왔습니다. 부트캠프에서 디자이너와 협업한 최종 프로젝트를 포함하여 뉴스피드, API 활용, 렌더링 최적화 프로젝트를 수행하며 팀원과 적극적으로 소통하며 문제를 해결해 나갔습니다. 기술뿐만 아니라 원활한 커뮤니케이션을 바탕으로, 사용자와 팀원 모두에게 편리한 환경을 제공하는 개발자가 되고자 합니다. 끊임없이 만들고, 계속해서 성장하는 사람 만들기를 좋아합니다. 무언가를 직접 구성하고 흐름을 설계하며, 그 결과가 누군가에게 닿을 수 있다는 점에서 큰 보람을 느낍니다. 그래서 메이커 직군 중에서도 ‘프론트엔드 개발자’라는 길을 선택하게 되었습니다.
기술 스택
Next.js, TypeScript, HTML/CSS, Python, C, 소프트웨어 공학
경력
(주) 하우투약
사원 | 개발팀
2025.03. ~ 2025.03. (1개월)
[ 역할/담당 ] - 슈가몰 상품 리뷰 기능
- React Native 슈가코치 앱의 슈가몰 프로젝트 참여
- cURL 바탕으로 상품 리뷰 REST API 마이그레이션 및 바인딩
- S3 presigned-url 활용 리뷰 이미지 추가 로직 구현
- 상품 리뷰 기능 담당으로 관련한 화면 모두 목업
[ 리팩토링 ] - 이미지 업로드 로직/컴포넌트 리팩토링
- 리뷰 외의 문의하기 기능을 위한 이미지 업로드 로직 분리
- react-native-image-picker 활용한 안드로이드, 아이폰 카메라, 갤러리 권한 허용 로직 분리
- 로딩된 이미지 FastImage 사용해 미리보기 컴포넌트 재사용성 고려 분리
- S3 이미지 경로로 리뷰/문의하기 사진 업로드 로직 리팩토링
프로젝트
FitFor
내일배움캠프 React 7기
2024.12. ~ 2025.02.
[ 프로젝트 설명 ]
관련 URL : Fitfor, GitHub
Next.js, Supabase를 활용한 룩북 레퍼런스겸 커뮤니티 서비스 프로젝트
사용 스킬 : React, Next.js, TypeScript, Supabase, Tanstack Query, Zustand, React-Hook-Form, React-Mansory-Css
작업 인원 : 프론트엔드 개발자 4명, 디자이너 2명
기여도 : 25%
[ 역할 ] - 로그인/온보딩 페이지 및 마이페이지 기능 담당
Supabase Providers를 통한 소셜 로그인 기능 구현
SQL/Trigger 없이 프론트에서 데이터를 이동시키는 로직 적용
유저 게시물 및 최근 조회 게시물 무한스크롤 구현 (useInfiniteQuery 활용)
Intercepting Route로 로그인/온보딩 모달 및 페이지 동시 표시
cn() 활용하여 텍스트 인풋, 탭 공용 컴포넌트 개발로 유지보수성 향상
활성 탭 상태를 URL에 저장하는 재사용 가능한 훅 개발
[ 성능 개선 ] - 불필요한 getUser 요청 횟수 감소
Zustand와 Context API를 사용하여 유저 상태 효율적으로 관리
불필요 요청을 줄여 페이지 이동 시 요청 횟수를 최초 1번으로 감소시킴
[ 성능 최적화 ] - 홈 페이지 이미지 최적화
다수의 고화질 이미지 로딩 최적화 (Next.js placeholder blur 적용)
Lighthouse LCS 개선: 6.1초에서 3.1초로 감소
Bonfire
내일배움캠프 React 7기
2024.12. ~ 2024.12.
[ 프로젝트 설명 ]
관련 URL : BonFire, GitHub
Next.js, Supabase를 활용한 룩북 레퍼런스겸 커뮤니티 서비스 프로젝트
사용 스킬 : React, Next.js, TypeScript, Supabase, Tanstack Query, Zustand, React-Hook-Form, React-Mansory-Css
작업 인원 : 프론트엔드 개발자 5명
기여도: 20%
[ 역할 ] - 캠핑 장소 상세페이지 개발
SSR 방식의 캠핑 장소 상세페이지 구현 (장소 이름을 파라미터로 사용)
Tanstack Query를 활용해 캠핑 장소, 정적 지도, 주변 편의시설, 현재 날씨 데이터를 불러오는 기능 개발
댓글 및 좋아요 기능 추가
[ 사용자 경험 개선 ] - 댓글/좋아요 낙관적 업데이트 개선
Tanstack Query onMutate를 사용한 낙관적 업데이트로 반응 속도 1초 단축
로딩 상태인 경우 스켈레톤 UI 적용으로 사용자 경험 향상
[ 사용자 경험 개선 ] - 비로그인 사용자 플로우 개선
비로그인 상태에서 좋아요 클릭 시 로그인 유도 모달 추가
비활성화된 버튼을 없애고 사용자 피드백을 반영해 플로우 개선
댓글 창 클릭 시 로그인 유도를 통해 사용자 경험 개선
포트폴리오
교육
Purdue University
대학교(학사) | Computer Science
2019.08. ~ 2023.12. | 졸업
Access International Academy Ningbo
고등학교
2015.08. ~ 2018.06. | 졸업
대외활동
내일배움캠프 React 7기
스파르타 코딩클럽 국비지원 캠프
2024
프론트엔드 과정 React 7기 수료
프론트엔드 개발 React 트랙 수료 (Next.js, React, Typescript 학습)
챌린지반 수료를 통한 수준별 학습
4개월 동안 5개의 팀 프로젝트 및 5개의 개인 프로젝트 완성
Zustand, TanstackQuery, Supabase, RTK, TailwindCss 기술 숙련
완성한 프로젝트는 Github 포트폴리오에 포함
외국어
영어
원어민 수준
자기소개
Purdue University 컴퓨터공학을 전공하며 사용자 경험과 시스템 구조 모두에 관심을 가져왔고, 프론트엔드 중심의 개발 경험을 쌓아왔습니다. 특히 팀 프로젝트와 인턴십을 통해 사용자 중심의 화면 설계부터 API 연동, 성능 최적화까지 다양한 실무 경험을 하며 문제 해결력과 협업 능력을 키웠습니다.
대표 프로젝트인 FitFor에서는 Next.js 기반의 커뮤니티 서비스에서 로그인/온보딩, 마이페이지 영역을 개발하며, 무한스크롤 구현, Intercepting Route 활용, LCP 성능 최적화, Zustand 상태 관리 구조 개선 등을 주도했습니다. 또한 실제 사용자 행동 기반으로 데이터를 최적화하고, 디자이너와의 UI 충돌을 해결하며 원활한 커뮤니케이션 경험도 함께 쌓았습니다.
기술적으로는 React, Next.js, TypeScript, Supabase, TanStack Query, Zustand 등을 사용하며 지속적으로 확장하고 있고, 자료구조/알고리즘/네트워크 등 CS 기반 지식도 보완해왔습니다.
꾸준히 학습하고, 도전하며, 실용적인 방향으로 문제를 해결하는 개발자로 성장하고자 합니다.