회고9 위코드 2차 프로젝트 후기 Github 링크 : https://github.com/wecode-bootcamp-korea/34-2nd-whataboutme-frontend GitHub - wecode-bootcamp-korea/34-2nd-whataboutme-frontend: 김민석, 안유주, 하상원 김민석, 안유주, 하상원. Contribute to wecode-bootcamp-korea/34-2nd-whataboutme-frontend development by creating an account on GitHub. github.com 위코드 2차 프로젝트 후기 2차가 끝나고, 기업 협업에서 새로 배우는 기술을 공부하고, 흩어지는 동기들과 아쉬운 회식도 하느라 좀 늦게 작성하게 되었다. 2차 프로젝트 나에게 2차 프로젝트는 .. 2022. 8. 21. 원티드 프리온보딩 챌린지 사전과제 https://github.com/hasangwon/wanted-pre-onboarding-challenge-fe-1 원티드 무슨 챌린지 1차 사전과제를 했다 그냥 React로 하면 별 의미 없을 것 같아서 Nextjs랑 typescript, tailwind 싹 다 갖다 써봤다 다 이번에 처음 배운거라 이상한 부분에서 많이 버벅였다 Nextjs에서는 localStorage 에러나는 부분에서 한참 애먹은 것 같다. 심지어 해결도 못했다. 이건 Nextjs의 SSR 그 부분에 대한 이해를 좀 더 쌓고 다시 트라이 해야 할 것 같다. 젠장 -> useEffect에서 localStorage를 불러서 저장하고 저장한 State에 따라 화면을 렌더링해서 해결함 ㅋ easy tailwind는 쓰면 쓸수록 편해진다. .. 2022. 8. 8. 위코드 1차 프로젝트 후기 https://github.com/wecode-bootcamp-korea/34-1st-Wish-Korea-frontend 위시 코리아 프로젝트는 러쉬 홈페이지를 React를 사용해서 클론 코딩했으며, 프론트엔드 4명, 백엔드 1명 구성인 팀으로 저는 상세 페이지를 맡아 구현했습니다. 상세 페이지 구현 상세 페이지는 백엔드에서 데이터를 받아옵니다. 리스트 페이지에서 path parameter로 주소가 넘어오면 useParams를 사용하여 상품 id를 받아오고 그 id를 fetch할때 입력하여 데이터(상품)를 객체 형식으로 받아옵니다 객체에는 {상품 id, 상품명, 상품이미지, 옵션[ {옵션아이디, 상품크기, 상품가격, 재고, 옵션이미지} ] } 가 들어오며 그 데이터를 이용해 페이지를 구성했습니다 ! ! .. 2022. 7. 4. 이전 1 2 다음 반응형