너무 늦어버린 3회차 회고,,ㅎㅎㅎ 깃헙 참고하면서 기억 더듬기! ✍️ 3주차 과제 내용 3주차에는 꽤 많은 내용의 과제를 진행했다. 2주차 과제 리팩토링 Home 페이지 기능 구현하기 ProductDetail 페이지 기능 구현하기 ♻️2주차 리팩토링 내용 ⚠️ 수정할 내용 🪄 해결 방법 'DetailMenuButton' 컴포넌트명은 버튼 하나로 착각 할 수 있다. DetailMenuButton => DetailMenuTabs로 컴포넌트명 변경 버튼 text 등의 요소는 pages 단위까지 끌어 올려주는 것이 좋다. 버튼의 text를 props로 받아 사용 styled-components를 사용한 컴포넌트를 만들 때 네이밍이 어렵다. styled-components의 중첩 기능 활용 ✅해결 1. Deta..

2주 차에는 라우팅, 스타일을 적용하는 과제가 주어졌다. 과제를 수행하면서 알아갔던 개념들을 정리해보려 한다. ✍️ 2주차 과제 내용 라우팅 적용하기 styled-components 라이브러리를 활용하여 디자인 적용하기 라우팅이란? 라우팅이란 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 예를 들어, 쇼핑몰 애플리케이션은 장바구니, 마이페이지, 상품 상세 등 여러 페이지들이 존재한다. 페이지별로 컴포넌트들을 분리해 가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템이다. 리액트에서는 주로 리액트 라우터(React Router)를 사용하여 라우팅을 구현한다. 📃 React Router 설명 리액트 라우터를 사용하면 *싱글 페이지 애플리케이션(SPA, Single Pag..