3주차 미션 - 밍붕

[kingmingseo]

Merge pull request는 모든 리뷰가 완료된 후에 눌러주세요!

1. Add a title

• N주차미션 - 닉네임으로 수정해 주세요! ex) 1주차 미션- 테비

2. Reviewers

• Reviewers(리뷰어)에 팀원을 등록해 주세요! (최소 1명)

3. Assignees

• Assignees(PR 담당자)에 본인을 등록해 주세요!

4. Labels

• Labels에 mission 태그를 등록해 주세요!

[Low-ProFiles]

👍

[Low-ProFiles]

SideMenu 스타일에서 justify-content: space-around;를 추가하고 width 값을 조정하면 &nbsp 없이 스타일을 조정할 수 있어요!

[Low-ProFiles]

저는 개인적으로 이렇게 import 문이 길어질 때 정리하고 싶더라구요.. 혹시 민서님도 그렇다면 assets 폴더에 아래처럼 index.js를 추가하고

// index.js
export { default as cbr } from "./cbr500r.png";
export { default as ninja } from "./ninja.png";
export { default as r1 } from "./r1.png";
export { default as rocket } from "./rocket.png";
export { default as watcha } from "./watcha.png";

category.jsx에서는 import { cbr, ninja, r1, rocket } from "../assets"; 이렇게 깔끔하게 한 줄로 정리가 가능하답니다!

[Low-ProFiles]

여기서 id가 falsy한 값을 띄면 'popular'가 할당이 될 거여서 const으로 하는 것이 좋습니다! 혹시 이름이 겹쳐서 고민이시라면 아래처럼도 가능해요!

Suggested change

	let { id } = useParams();
	id = id || 'popular';
	const { id: paramId } = useParams();
	const id = paramId || "popular";