[항해99] 6주차 회고 WIL (Weekly I Learned)

6주차 프로젝트: 클론코딩(번개장터)

 

팀프로젝트(12조) 번개장터 클론코딩

 

 

[배운것]

• axios
• 서버와의 협업! 
• 어마어마한 CSS 발전
• 슬라이드 배너(slick)
• 로그인/회원가입, 유지
• 체크박스 데이터 구현(input 방식들)
• 모달창 띄우기
• CRUD에서 CR 구현
• GIT 협업(PULL/PUSH)

[느낀것]

• 백엔드(스프링)분들과 협업이 처음이었다. 여태 서버리스(파이어베이스)로 CRUD를 구현하다가 api로 작업해본건 처음이었는데, axios로 하니 생각보다 비슷했다 ! but 처음에 합을 맞출때는 어려웠다. 소통이 내가 생각했던 것 보다 많이 필요하다!! 
• GIT으로 PULL/PUSH 해가며 협업해본 것도 처음이었다. 우리는 최대한 충돌을 피하기 위해, PUSH 전 어떤 부분 수정했고, 수정한 부분을 미리 소통한 후에 MERGE했다. 그래서 이 부분은 좀 매끄러웠다. 충돌 싫어...!
•  처음에 View 어떻게 그리지? 막막했는데.. 역시 모방은 창조의 어머니다. 잘 만들어진 CSS를 갖다쓰면서 아 이 부분은 shadow를 주셔서 튀어나온 느낌이 났구나, 와 div안에 div가 몇개야? 처음에 구조를 잘 잡는게 중요하구나 등 css적인 공부가 많이 되었던 것 같다. 얼추 비슷하게 따라하니 뿌듯하기도 하고!! 
• axios 작성하면서 response가 어떻게 내려오고, 얘를 어떻게 담아서 보내주는가에 대해서 아주 조금 알게된 것 같다. 다만 우리는 user와 product를 연결하지 않았는데, 다음 주차 미니 프로젝트에는 얘네를 잘 엮어서 보내는게 중요할 것 같다. 

[아쉬운것]

• 마지막에 시간이 촉박했다. 서버에서 로그인/회원가입 api 받는데 시간이 조금 걸렸다. 그래서 POST Create는 포기해야하나 싶었는데, 갑자기 또 금방 해주셔서 부랴부랴 Create view와 기능을 만들었다. 근데 checkbox 데이터를 처음 보내봤는데 false 데이터가 안보내졌다... 왜 안보내졌는지 잘 모르겠다. 마감시간이 다가와서 어쩔 수 없이 영상에서는 모두 true로 데이터를 보냈다. e.target.check 의 공부가 필요하다..!
• 배포를 못했다! 아쉽긴 한데, 어차피 서버를 내려두면 뷰만 보이니깐 크게 의미가 있나 싶어서 유튜브 영상만 촬영했다. s3 배포를 개인 프로젝트로 꼭 해봐야지.... 
• mockAPI 작성을 해보고 싶었는데 팀원분이 주말에 해놓으셨다..! (열정맨, 나도 분발하자!) 그래서 서버 없이 혼자 할때 서버리스 작업 말고 mock API 작성해서 한번 해보면 좋을 것 같다.