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

 - 7주차 프로젝트: 미니 프로젝트(2주, 쇼핑몰 만들기) ☕ 2주차

 

[배운것]

• 페이지네이션
• 좋아요 토글
• daum 주소 api 연결
• s3 배포

 

[느낀것]

• 쇼핑몰을 한번 구현해보고 싶었는데, 생각보다 어렵지 않았다. 장바구니/결제 모두 CRUD의 연속이었다. 서버리스로 하다가 api로 필요한 데이터만 받아서 뿌리니까 정말 편했다... firebase가 불편했던 것임을, 그리고 백엔드의 소중함을 알게되었다 🤩 오히려 axios보다 아직도 redux가 더 어려운 느낌...? redux 사용없이 서버에서만 데이터를 받아서 뿌리고 싶은데, 서버에 최소한으로 요청하는게 좋다고 했으니 최대한 redux를 사용하는 연습을 해야겠다. 

 

• 기능 구현에서 오류를 해결하는데 생각보다 오래걸렸다. 그 중 undefined 오류가 제일 많았는데, 값이 없을때의 경우가 많았다. action에서 잘 내려오지 않았다거나 등등.. 결국 화면에 데이터를 뿌리긴 했으나 깨끗하고 효율적인 코드가 아닌 것 같다. 데이터가 어떻게 내려오는지 확인하려고 콘솔을 너무 찍어서 콘솔 대잔치였다! 그래도 console만큼 직관적인게 없다. 왜 콘솔 많이 찍어보라고 이제야 알 것 같다. 

 

• 리액트의 꽃이 리덕스라는 말이 있는만큼, 이번에 리덕스를 정~~~말 많이 썼다. 상태 관리, hook의 흐름을 조금 이해한 느낌?ㅠㅠ 더 익숙해지면 apollo도 써보고싶다.. 언젠간..!! 

 

[아쉬운것]

• 페이지네이션을 구현하게 되어 전체 상품을 불러오는 api가 중간에 바꼈다. 그래서 기능 연결 부분을 다시 짜야했고, 전체 상품에서 detail을 하나 끌어오는 기능에서, detail api에서 한개 바로 받아오는 형식으로 두개의 기능을 바꿨다. 처음부터 고려했었으면 좋았겠지만, 페이지네이션은 시간이 남으면 구현하기로 했던 기능이라 결국 코드를 두번 짜게 된 점이 아쉬웠다.

 

• 마지막날 좋아요 api + 결제 페이지 api + 구매내역 api를 받았다. 배포까지 해야하는데 일단 다른 프론트 팀원과 기능을 나눠서 하긴 했었지만 마지막 구매내역을 하다가 마감시간 직전에 오류가 났다. 배열안에 배열, 그 배열 안에 또 배열... 반복문만 4번 돌려서 겨우 데이터를 꺼냈는데 배포 직전 오류가 났다. 반복문을 돌리는 중에 오류가 있었던 것 같다. 결국 빼고 제출을 했는데 시간이 좀 더 있었으면 가능했었을 것 같은 아쉬움이 매우 들었다.  

 

• view를 만드는데 시간이 많이 들었다. 새로운 기능들을 붙여보고 싶었다. CRUD 정비 + 습득이 목적이었지만 소셜 로그인이나 채팅기능을 해보고 싶었는데 좀 아쉬웠다. CRUD만 4차례 한 것 같은데 알듯 말듯하다. 그래도 CRUD는 제대로 연습한 것 같긴 하다! 

 

 

 

[프로젝트 마무리]

 

자세한 내용 확인은 아래 url에서 할 수 있습니다.

 

• 프로젝트 설명: amyhyemi.tistory.com/91?category=847157
• github 주소: github.com/hyemigwak/coffzag_front
• 배포 주소: http://coffzaghyemi.s3-website.ap-northeast-2.amazonaws.com/