Wecode 35기 1차 프로젝트 - 1팀 LOCTEA - Part.김익현

-링크 : https://youtu.be/grWXHlKwkyY
-사이트 주소 : http://1st-loctea.s3-website.ap-northeast-2.amazonaws.com/

구현 기능

Main Page, Item Detail, Order (김익현)

• CSS 애니메이션을 이용한 공지사항 구현

  

• 라이브러리를 사용하지 않고 useState를 활용한 무한 슬라이드 구현

  

• 각 조건에 따른 조건부 렌더링을 통해 할인 가격 및 재고 여부에 따른 일시품절, 바로구매/장바구니로 이동 가능한 상품 상세 페이지 구현

  

• new Date() 함수를 이용해서 거꾸로 시간이 줄어드는 로직 구현

  

• CSS호버 기능을 통해 마우스 호버시 밑에서 올라오는 애니메이션 구현

  

• Cart 페이지에서 fetch(method:"PATCH,DELETE") 함수를 활용하여 BE와 통신 가능하도록 하여 상품 삭제 및 수량 변경 등의 기능을 구현

  

프로젝트를 진행하며 느낀점

• 팀원들간의 의사소통이 매우 중요하다는것을 알게됨.
  (매일 매일 회의를 통해 진행사항 및 블록커를 공유하는 시간에 비중을 두어 자세히 기록하여 서로 피드백을 갖으면 좋을 것 같음.)

• 무한캐러셀을 만들면서 라이브러리의 필요성을 느꼈으면서도 라이브러리를 쓰지않고 만들어보고 싶은 생각에 너무 많은 시간을 투자한 것 같습니다, 다음 부터는 확실히 계획을 짜서 시간분배를 잘하여 프로젝트를 진행하고 싶습니다.

• 라이브러리를 이용하기 보다는 직접 로직을 구현해보고싶습니다.
  (어떤원리로 작동하는 지를 알아야지 사용할수 있다고 생각합니다.)