프론트엔드 개발자

손성오

많은 사람들에게 도움이되고자 하는 프론트엔드 개발자 손성오 입니다.

ENGLISH

<h3>프로젝트 기획</h3>기존의 여행사 형식이 아닌 누구나 가이드가 되고 참가자가 될 수 있는 여행 플랫폼 기획<h3></h3><h3>마이페이지</h3><ul><li>내 계정- 본인 정보 확인 및 수정 가능</li><li>내 여행- 내가 만든여행 예약상태(대기,승인,거절)에 따른 표시</li><li>내 여행- 내가 참여한 여행(활성화, 비활성화)에 따른 표시</li><li>무한스크롤 적용(tanstack-query의 useInfinityQuery) </li></ul><h3>토스트알림</h3><ul><li>react-toastify를 활용한 알림창</li></ul><h3>플로팅 메뉴</h3><ul><li>+,- 버튼을 통해 원하는 정보만 입력할 수 있는 플로팅 메뉴를 만들었습니다</li></ul><h3>여행 생성</h3><ul><li>일정 및 팀원수를 정하여 여행팀을 최대 4팀까지 생성할 수 있도록 하였습니다</li></ul>

Travely

플레이리스트 공유 플랫폼<ul><li>메인페이지<ul><li>무한스크롤 및 스켈레톤 UI 적용<ul><li>스크롤 높이를 계산하는 방식으로 구현</li></ul></li><li>Grid를 활용한 활용하여 반응형 카드형 리스트 구성</li><li>React Slick을 활용한 캐러셀 구현</li></ul></li><li>플레이리스트 페이지<ul><li>메인페이지의 카드와 다르게 메뉴닷을 추가하여 클릭시 드롭다운메뉴가 열리며 수정 및 삭제 가능</li></ul></li><li>초기세팅<ul><li>Husky설정,eslint설정</li></ul></li><li>기술 스택: <code>react</code>, <code>react-query</code>, <code>typescript</code></li></ul>

카페 알바생을 위한 급여 및 업무 관리 플랫폼<ul><li>급여확인 페이지<ul><li>suspense와 lazy를 활용하여 로딩창 적용</li><li>더보기 버튼을 누를시 5개씩 추가로 급여가 보여지도록 설정</li><li>이전달/다음달 이동기능 및 해당 달에 데이터없을시 버튼 비활성화</li></ul></li><li>Firebase 설정</li><li>프로필페이지</li></ul>