Title
POPS BUSINESS WEBSITE
Period
2023.04.07 ~ 미완
Member
Frontend 1명, Backend 1명
Contribution
프론트엔드 중 100%
팝업 이벤트 정보 공유 플랫폼 ‘POPS’ 의 비즈니스 웹사이트
기업들이 가입하여 직접 팝업 스토어 등록과 티켓 등록을 할 수 있도록 하는 웹 사이트입니다. 현재 백엔드 담당하는 인원이 사정 상 업무 불가 상태라 진행은 멈춰있는 상태입니다.
Skills
React
Vue와 React 중에 고민했으나 새로 Vue를 익히기 보다는 제가 익숙한 기술을 쓰는 것이 옳다고 생각했습니다. 또한 후에 개발자가 들어온다하더라도 React 개발자를 채용하기 쉬울 것으로 생각했습니다.
Recoil
Redux의 middeware로 과다한 코드를 줄이면서 상태 관리를 편하게 사용하고, React Query를 사용하기 위해 채택했습니다.
React Query(Tanstack Query)
백엔드와 소통하는 api들을 따로 나누어 관리하고 훅의 형태로 사용함으로 코드의 유지 보수와 가독성을 향상 시킬 수 있을 것으로 생각되어 채택했습니다.
Styled Component
props 형태로 변수에 의해 바뀌는 형태의 css를 사용하기 위해 사용했습니다.
My Part
로그인/ 회원가입 페이지 개발
회원가입, 로그인 시 입력되는 데이터가 잘못 입력된 부분을 찾으며 좋은 유저 경험을 위해 때문에 유효성 검증에 집중하여 개발
커스텀 훅 개발
반복되는 로직(이미지 input 로직, modal 창 로직)을 커스텀 훅을 통하여 반복되는 코드를 줄임
useRef를 통해 input의 기능을 사용하고, 이미지 미리보기와 파일 저장 로직을 재사용할 수 있게 개발
useRef를 통해 컴포넌트를 선택하고, modal 창 외부 클릭하면 닫히고, 버튼을 클릭하면 열리는 modal 로직을 재사용할 수 있게 개발
팝업 스토어 등록 페이지 개발
입력 받는 데이터 값에 따라 선택지가 달라질 수 있도록 드롭다운 컴포넌트 개발
엔터를 통해 입력하는 해시태그 input 컴포넌트 개발
Next Project
꿈틀
Keep scrolling down
