개발한 기능 저번 시간에 제작한 와이어 프레임을 토대로 기본적인 CSS와 HTML을 사용하여 메인 페이지를 만들었습니다. 먼저 메인 헤더와 카테고리 리스트를 구현하였고, 내부 요소들은 flex를 이용하여 배치 하였습니다. 그리고 바로 밑에 메인 배너로써 슬라이드 효과를 넣어주었어야 했지만, 구현이 쉽지가 않아 완성해놓지는 못했습니다. 베스트 상품 부분은 JavaSript를 사용하여 컴포넌트화 시켜 컨테이너 안에 innerHTML을 사용해 붙혀넣는 식으로 하였습니다. 이 부분은 gird 방식으로 배치하였습니다. 이벤트 보여주기 부분은 flex 방식으로 배치하였고, 마지막 리뷰 부분은 자동 슬라이드 효과를 주어 3초마다 효과가 나타나도록 설정하였습니다. 진행 중 겪었던 이슈 백엔드 파트 분들이 빠르게 API명세서와 데이터 명세서를 작성해 주셨지만, 서버 API를 이용하는 프로젝트는 처음이였기에 바로 코드에 적용시키는데 어려움이 있었습니다. 그래서 다른 프론트 엔드 분들이 작성하신 코드 자료를 찾아보고 문제를 해결하였습니다.
진행할 사항 다음 시간까지 진행할 사항은 먼저 api요청을 통해 상품의 정보를 받아오도록 할 예정입니다. 그리고 메인 배너 슬라이드 효과를 찾아서 적용시켜볼 예정입니다. api명세서와 데이터 명세서를 어떠한 방식으로 살펴봐야하는 지에 대해서도 공부해볼 예정입니다.
느낀점 처음 협업을 하게되면서 팀원분들과의 의사소통이 매우 중요하다는 것을 깨닫게되었습니다. 아침 10시마다 하는 스크럼이 제겐 도움이 많이 되었고, 다른 팀원분들의 진행 상황을 알 수 있어서 템포를 맞춰 나갈 수 있었습니다. 또한 오피스 아워를 통해 현업에 종사하시는 개발자 코치님과의 소통을 통해서도 많은 것을 배울 수 있어서 정말 뜻 깊은 시간이 되었던 것 같습니다.
