미리보기

프로젝트 소개

술 모임 매칭 앱(출시 예정)에서의 웹뷰와 랜딩페이지 개발 담당

기술

TypeScript, React, Next.js, tailwind css, react-query

웹뷰 Github 링크

랜딩페이지 Github 링크

내용

• 술 검색 웹뷰

  • react-query 커스텀훅을 사용해 최신 검색어 받아오기 및 삭제, 검색어 랭킹과 추천검색어 연결 구현

  • 검색 시 결과 화면으로 라우트 후 useSearchParams를 사용해 검색어 필터링 후 검색결과 렌더링

• 앱 가이드 웹뷰

  • useRef와 Intersection Observer를 사용해 스크롤 위치 조작 & 현재 스크롤 위치를 탭바에 상태반영

• 랜딩페이지

  • pnpm을 사용한 모노레포 환경에서 개발

  • 반응형 페이지 구현

  • useRef를 사용해 스크롤 위치 조작, 캐러셀 구현, 사전예약을 위한 api 연결

프로젝트 소개

커뮤니티 기능이 결합된 도서 판매 커머스

기술

TypeScript, React, Next.js, tailwind css, Jotai, react-query

Github링크

내용

• 메인페이지

  • 반응형 ui 구현

  • react-query 커스텀훅을 사용해 도서 정보 api 연결

• 결제

  • 포트원 테스트 결제 api 연결

  • Jotai를 사용해 전역변수로 주문 내역을 저장, api 연결

• 공통컴포넌트 제어

  • 로그인 여부 / 페이지 별 분기에 따라 컴포넌트 제어

• CI/CD

  • GitHub workflow + vercel 사용해 배포 자동화

• 커뮤니케이션

  • 개발과 테스트 진척도를 확인하기 위한 양식을 작성해 팀에 공유하고 관리