신입 프론트엔드 개발자

박채현

협업과 소통을 통해 더 나은 결과를 만들어내는 프론트엔드 개발자입니다.

컴퓨터공학을 전공하며 다양한 언어를 익혔고, 이후 Next.js와 React를 중심으로 개발 역량을 키워왔습니다. 부트캠프에서 디자이너와 협업한 최종 프로젝트를 포함하여 뉴스피드, API 활용, 렌더링 최적화 프로젝트를 수행하며 팀원과 적극적으로 소통하며 문제를 해결해 나갔습니다. 기술뿐만 아니라 원활한 커뮤니케이션을 바탕으로, 사용자와 팀원 모두에게 편리한 환경을 제공하는 개발자가 되고자 합니다.

꼼꼼함

학습 지향

커뮤니케이션

자기 주도적

프론트엔드 과정 React 7기 수료 <ul><li>프론트엔드 개발 React 트랙 수료 (Next.js, React, Typescript 학습)</li><li>챌린지반 수료를 통한 수준별 학습</li><li>4개월 동안 5개의 팀 프로젝트 및 5개의 개인 프로젝트 완성</li><li>Zustand, TanstackQuery, Supabase, RTK, TailwindCss 기술 숙련</li><li>완성한 프로젝트는 Github 포트폴리오에 포함</li></ul>

내일배움캠프 React 7기

ENGLISH

포트폴리오

Github

Velog

<h4>[ 프로젝트 설명 ]</h4><h6>관련 URL : <a target="_blank" rel="noopener noreferrer nofollow" href="https://fit4.co.kr">Fitfor</a>, <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/yangsunghun/FitFor">GitHub</a></h6><ul><li>Next.js, Supabase를 활용한 룩북 레퍼런스겸 커뮤니티 서비스 프로젝트</li><li>사용 스킬 : React, Next.js, TypeScript, Supabase, Tanstack Query, Zustand, React-Hook-Form, React-Mansory-Css</li><li>작업 인원 : 프론트엔드 개발자 4명, 디자이너 2명</li><li>기여도 : 25%</li></ul>[ 역할 ] - 로그인/온보딩 페이지 및 마이페이지 기능 담당<ul><li>Supabase Providers를 통한 소셜 로그인 기능 구현</li><li>SQL/Trigger 없이 프론트에서 데이터를 이동시키는 로직 적용</li><li>유저 게시물 및 최근 조회 게시물 무한스크롤 구현 (useInfiniteQuery 활용)</li><li>Intercepting Route로 로그인/온보딩 모달 및 페이지 동시 표시</li><li>cn() 활용하여 텍스트 인풋, 탭 공용 컴포넌트 개발로 유지보수성 향상</li><li>활성 탭 상태를 URL에 저장하는 재사용 가능한 훅 개발</li></ul>[ 성능 개선 ] - 불필요한 getUser 요청 횟수 감소<ul><li>Zustand와 Context API를 사용하여 유저 상태 효율적으로 관리</li><li>불필요 요청을 줄여 페이지 이동 시 요청 횟수를 최초 1번으로 감소시킴</li></ul>[ 성능 최적화 ] - 홈 페이지 이미지 최적화<ul><li>다수의 고화질 이미지 로딩 최적화 (Next.js placeholder blur 적용)</li><li>Lighthouse LCS 개선: 6.1초에서 3.1초로 감소</li></ul>

FitFor

<h4>[ 프로젝트 설명 ]</h4><h6>관련 URL : <a target="_blank" rel="noopener noreferrer nofollow" href="https://bonfire-eight.vercel.app/">BonFire</a>, <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/ahh0619/bonfire">GitHub</a></h6><ul><li>Next.js, Supabase를 활용한 룩북 레퍼런스겸 커뮤니티 서비스 프로젝트</li><li>사용 스킬 : React, Next.js, TypeScript, Supabase, Tanstack Query, Zustand, React-Hook-Form, React-Mansory-Css</li><li>작업 인원 : 프론트엔드 개발자 5명</li><li>기여도: 20%</li></ul>[ 역할 ] - 캠핑 장소 상세페이지 개발<ul><li>SSR 방식의 캠핑 장소 상세페이지 구현 (장소 이름을 파라미터로 사용)</li><li>Tanstack Query를 활용해 캠핑 장소, 정적 지도, 주변 편의시설, 현재 날씨 데이터를 불러오는 기능 개발</li><li>댓글 및 좋아요 기능 추가</li></ul>[ 사용자 경험 개선 ] - 댓글/좋아요 낙관적 업데이트 개선<ul><li>Tanstack Query onMutate를 사용한 낙관적 업데이트로 반응 속도 1초 단축</li><li>로딩 상태인 경우 스켈레톤 UI 적용으로 사용자 경험 향상</li></ul>[ 사용자 경험 개선 ] - 비로그인 사용자 플로우 개선<ul><li>비로그인 상태에서 좋아요 클릭 시 로그인 유도 모달 추가</li><li>비활성화된 버튼을 없애고 사용자 피드백을 반영해 플로우 개선</li><li>댓글 창 클릭 시 로그인 유도를 통해 사용자 경험 개선</li></ul>