🌈프로젝트 소개

• 인테리어 커머스 '오늘의 집'을 모티브로 한 project
• 개발 기간 : 2021/08/17-2021/08/27
• 개발 인원 : Front-end:남재현,이지선,최정민 Back-end:송진수,장호준
• 깃헙 링크 : 홈스타그램

☀️1.진행 방법

• 매일 아침 trello 이용하여 스탠드업 미팅 실시
  (+참고로 필요시 저녁 미팅도 진행하였다. 하루를 마무리하고 내일의 계획을 미리 세울 수 있어 좋았다.)
• 스프린트 회고 진행하며 일주일 단위 일정 계획

☀️2.사용 Tool

• React.js (CRA, 함수형 component 사용)
• React-router-dom
• JavaScript(ES6)
• styled-component
• Git / Github

☀️3.Programming

-메뉴상세페이지

• 피드에서 맘에드는 제품을 선택하여 상세페이지로 이동
• 제품의 옵션 선택 기능 구현
• 총 가격 계산 하여 구매 페이지로 이동

-마이페이지

• 마이페이지 디자인 및 메뉴 탭에 따른 조건부 렌더링과 API통신

-북마크

-마음에 드는 피드를 북마크하여 내 정보에 보관/회원인 경우에만 가능하도록 처리

🌤4.고난과 역경 그리고 해결책

👉총 금액 구하기

메뉴의 옵션을 선택한 후 전체 금액을 구매페이지로 보내야 하는데 옵션들의 각각의 값을 한번에 더할 수 있는 방법이 필요했고 검색을 통해 reduce를 사용할 수 있었다.

👉메뉴탭 조건부 렌더링

마이페이지에는 북마크,팔로잉,구매내역 세 가지의 메뉴가 들어가도록 기획했다. 그래서 메뉴탭을 선택시 그에 해당하는 페이지를 보여주는 조건부 렌더링을 구현해야 했다.

☂️5.보완할 부분

👉처음 사용해 본 Axios

1차 Project에서는 fetch를 사용했고,2차 Project에서는 Axios를 처음 사용해 보았는데 response를 자동으로 JSON data로 변환해주어 편리했다. 이번엔 한정적으로 사용한 것 같아 추가적인 부분을 더 공부하고 싶다.

🌈6.소감

협업의 즐거움

1차 project가 끝난 후 2-3일 정도의 시간 동안 함수형 component와 styled-component를 공부해 바로 project에 적용한다는 것 자체가 나에게는 도전이었던 것 같다. '이 짧은 시간에 이게 가능할까?'라는 약간의 두려움도 있었으나 팀원들이 있었기에 가능했다. 서로 공부한 부분을 알려주고 배우면서 두려움이 사라졌고 즐겁게 project를 할 수 있었다. 또 한번 개발은 함께하는 것이라고 느끼고 그래서 개발이 더 좋아진다. 앞으로도 협업하고 싶은 팀원이 되고 싶다고 다짐하게 되었다. 협업의 즐거움을 알게해준 홈스타그램팀 너무 감사합니다😊 마지막으로 함께 맞춘 우리팀 신발 자랑👟👟👟👟👟❣️