◼️ Moname Project
Monawe 팀의 프로젝트 국민볼펜 모나미 사이트 클론
◼️ Project Period
2020.10.19 ~ 2020.10.30 (2주)
◼️ Project Team
Front-End : 4 / 김수연(PM), 김한나, 이지영, 백경민
Back-End : 2 / 민경민, 이채영
◼️ Skills
React ( Class형 Component )
Scss, Html
Javascript (ES6)
Github
◼️ Function
회원가입, 로그인 페이지
메인 페이지
제품 목록, 제품 상세 페이지
제품 검색
마이페이지
장바구니 페이지
Slick 라이브러리
◼️ 맡은 역할
제품 목록
subNav 기능 구현
버튼 클릭시 함수 이벤트 구현
fetch() 함수를 이용한 Back-End과의 통신
WithRouter를 활용한 페이지 이동
Image Hover Effects
상품 filter 기능
Pagenation
qureyString
MAP() 함수를 이용한 상품리스트 컴포넌트 출력
◼️ 기억하고 싶은 코드
제품목록
제품 목록 페이지를 구현할 때 fetch() 함수를 이용해 data를 불러오고 filter select button을 click 했을 때 qureyString으로 어떻게 url을 변경할 수있을까에 고민을 많이 했던거 같다.
제품목록 SubNav
또 이번 계기로 Nav 2중 map()함수를 이용해 구현하면서 개념을 확실이 알 수 있게 된거같다.
◼️ Project 후기
좋았던점
팀원들과의 소통
1차 모나미 프로젝트를 진행하면서 팀원들과의 소통과 팀워크가 중요하다는 것을 다시한번 느낄 수 있었다. 막히는 부분에서 팀원들과 함께 고민하며 해결방법을 찾아갔고 문제가 해결됬을 때 함께 부등켜 안고 좋아했던 순간이 제일 기억에 남는다. 어쩌면 팀워크라는 것이 제일 큰 배움이 있었던 거 같다. 실력보단 함께 일하고 싶은 개발자가 되고 싶다. 이번 모나미 팀에게 실력은 부족했지만...다음프로젝트도 함께 하고 싶은 팀원으로 기억됬으면 좋겠다.😆 고마웠어요 스릉합니댜 모나미팀원들❤️
개인적인 목표
프로젝트가 시작하기 전에 개인적인 목표를 세웠다.
1. 맡은 부분에 대해서는 책임감을 갖자.
2. 팀원들에게 좋은 에너지를 주자.
3. 많은 기능을 구현하는 거 보다 한줄의 코드라도 보기좋게 짜자!
1차 프로젝트가 끝난 이 시점에 돌아보니 목표를 이뤄낸 부분도있지만 아쉬웠던 부분이 더 남은거 같다. 곧 있을 2차 프로젝트에는 1차 때 피드백을 참고해서 잘한 부분은 칭찬하고 아쉬운 부분은 개선해서 성장해야겠다!!💪🏻 열심히 해보자!!
아쉬운 점
시간분배, Refactoring
프로젝트 마감기간이 되어가면서 시간 분배를 제대로 하지 못해 기능구현에만 신경쓰다보니 리펙토링을 하며 정리할 시간이 부족했다. 다음에는 Trello로 좀 디테일한 계획을 세워 보기 좋은 코드를 써야겠다.
프로젝트를 마치며
수고했다. 한나야!👍🏼 프로젝트를 마치며 먼저 나에게 칭찬해주고 싶다. 처음 해보는 것이라 잘 해낼 수 있을까에 대한 고민으로 팀 발표 전날 잠을 설치고 프로젝트 기간에도 몇 번이고 스스로를 자책을 했었다. 하지만 내 일처럼 함께 도와주고 응원해주던 팀원들과 동기들 멘토님들이 있었기에 무사히 2주를 보낼 수 있었다.😭 마지막 프로젝트 발표 날 끝까지 포기하지 않고 해낸 내 자신이 너무 대견스러웠다. 2차 프로젝트에도 배워야 할 것들이 많고 수많은 에러들이 기다리고 있겠지만.. 해낼 수 있다! 남들과 비교하지말고 하루하루 묵묵히 내 실력을 쌓아가자. 혼자 해결할 수 능력도 키우자!!💪🏻 눈물나게..힘들었지만, 많이 성장했고 뭉클했던 2주였다!!❤️