Naver 블로그 모티브로 제작 SignIn, SignUp Page - Access Token(JWT), Local Storage활용해 SignUp, SignIn(로그인)구현 ( useCallBack, Regular Expression, PDO문법, MD5문법 활용 ) Main Page - useRef 활용해 Modal 창 구현 - FormData 객체, multer 미들웨어, static folder 활용해 user_img 등 변경

Wecode 30기 동기, 멘토 특징을 판매하는 이커머스 웹사이트 제작 팀프로젝트입니다. 커머스 사이트의 전체 Flow를 보여주기 위해 Agile 방식을 활용해 필수 기능, 구성 구현에 초점을 두고 진행했습니다. ItemList페이지 - Static Routing, Dynamic Routing, Category별 Pagination 구현 - 삼항 연산자, 동적 클래스 활용 styling 구분 적용. ProductDetail페이지 - 로그인 시 confirm창 출력 후 제품 수량 BackEnd로 보냄.

RIDIBOOKS 홈페이지는 체크박스 기능, 더 보기 페이지네이션 기능 등이 있어 props, state, 컴포넌트 분리 등의 기능, 개념을 이해하고 활용할 수 있었습니다. Product 페이지 - 체크박스 구현 시 Set 객체를 활용해 중복 값이 체크되지 않도록 구현 - 로그인 시 해당 아이디 댓글 지속 추가할 수 있도록 구현 - 더 보기 버튼 클릭 시리즈 20개씩 더 보이도록 pagination 구현 Cart페이지 - 로그인 시 Product 페이지에서 보낸 데이터를 백엔드로부터 받아와 map메서드로 나열함.