프론트엔드 개발자

김유현

안녕하세요. 1년차 프론트엔드 개발자 김유현입니다.
소통하고 협업하는 것을 즐깁니다.  
서로 다른 마음들을 모아, 모두가 같은 방향을 바라볼 수 있도록  조율하는 데에 열정을 가지고 있습니다.

토익

포트폴리오

개인 블로그

핸드폰으로 메뉴 선택부터 주문까지 가능한 QR 코드 기반 모바일 웹 테이블 간편 주문 서비스 개발<h4>프로젝트 기여</h4><ul><li>개발/배포 환경에 맞춰 환경변수를 활용하여 Axios 인스턴스 구성 및 Axios 인터셉터를 통한 API 호출 최적화와 일관성 보장</li><li>React-Query의 데이터 페칭 및 API 호출 로직을 커스텀 훅 패턴으로 분리하여 코드의 재사용성, 유지보수성 향상</li><li>기존 무한스크롤 로직을 React-Query의 useInfiniteQuery로 개선하여 코드 간결성 증가 및 효율적인 캐싱 구현</li><li>복잡한 전역상태 관리를 위한 recoil 도입 atom, selector, persist 기능을 통한 세밀한 상태 제어로 전역관리 구축</li><li>Antd 및 Tailwind를 사용하여 재사용성이 높은 컴포넌트를 모듈화하고 사용자 인터페이스를 구축함으로써, 일관적인 디자인 구현과 개발 효율 증대</li><li>OAuth(구글, 애플 로그인) 및 ABA Pay 결제 외부 모듈 연동 테스트 수행 경험</li></ul><h4>기술스택</h4><code>React</code> <code>Recoil</code> <code>React-Query</code> <code>Tailwind CSS</code> <code>Antd</code> <code>i18next</code>

오더플래닛

힐링이 필요한 직장인들을 위한 소모임 커뮤니티<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.notion.so/198d582d3c63809c82e1c94e85121590?pvs=4">https://www.notion.so/198d582d3c63809c82e1c94e85121590?pvs=4</a><h4>프로젝트 기여</h4><ul><li>전체적인 회의 리드 및 커뮤니케이션 진행 팀장 직무 수행</li><li>효율적인 협업을 위한 R &amp; R, 컨벤션 정리, 그라운드룰, 회고 등 팀 운영 프로세스 셋업</li><li>Next.js의 SSR과 CSR을 효과적으로 조합한 이원화된 렌더링 방식을 적용. SEO와 사용자에게 바로 표시되어야 하는 모임 상세정보는 SSR로 인터렉션이 필요한 요소들은 CSR로 처리 서버 부하를 최소화하도록 설계</li></ul><h4>기술스택</h4><code>Next.js</code> <code>TypeScript</code> <code>React-Query</code> <code>Tailwind CSS</code> <code>Zustand</code>

같이달램

자기소개 웹페이지 제작 개인 프로젝트<ul><li>useContext를 사용하여 스크롤 위치를 전역 상태로 관리, 이를 기반으로 화면 전환 및 텍스트 애니메이션을 적용</li><li>라이브러리 사용을 최소화하고, React와 CSS를 활용하여 keyframe 애니메이션 및 다양한 CSS 속성을 이용한 컴포넌트를 구현</li></ul><h4>기술스택</h4><code>React.js</code> <code>SCSS</code>

From zero to top

핸드메이드 제품 판매 사이트 제작 프로젝트<ul><li>정규식이 적용된 로그인 회원가입 페이지 구현 및 사용자 입력 데이터의 유효성 검증</li><li>회원가입 시 다음 주소 API를 연동하여 사용자가 손쉽게 주소를 입력할 수 있도록 사용자 경험 개선</li><li>동적 라우팅 적용으로 아이템에 고유한 경로 부여를 통해 URL 아이템 별 리뷰 페이지 구현</li></ul><h4>기술스택</h4><code>React.js</code> <code>SCSS</code> <code>react-daum-postcode</code>

사조의 공방

<h2>오더플래닛</h2>QR코드를 활용한 모바일 웹 테이블 주문 시스템을 개발하여, 사용자가 핸드폰으로 메뉴 선택부터 주문 완료까지 한 번에 진행할 수 있는 간편한 서비스를 구현했습니다.메뉴 인터페이스부터 장바구니 기능, 주문 로직에 이르기까지 유저 웹의 90% 이상을 구현하였습니다.기획 단계부터 제품 베타 테스트 단계까지의 프론트엔드 개발을 담당하였으며, 기존 기획을 개선하여 메뉴 주문 단계 축소 및 더 담기 기능 추가를 통해 전체 플로우를 최적화하였습니다.i18next를 사용하여 한국어, 영어, 중국어, 캄포디아어 지원이 가능한 다국어 기능을 구현하여 글로벌 사용자들의 접근성을 향상시켰습니다.