1. App.js : Switch 태그를 container div 태그로 감싸기
...
<div className="container">
<Switch>
...
</Switch>
</div>
...
2. UserList.js : 유저리스트를 카드 형식으로 만들기
...
<div>
{users.map(user => {
return (
<div className="card mb-2" key={user.id}>
<div className="card-body p-3">
{user.name}
</div>
</div>
);
})}
</div>
...
'[ Web ] > React.js' 카테고리의 다른 글
[React.js] Kossie Coder - 27강. Home/Movies 페이지 컴포넌트 만들기 (0) | 2021.12.30 |
---|---|
[React.js] Kossie Coder - 26강. 로딩 Spinner 추가하기 (0) | 2021.12.29 |
[React.js] Kossie Coder - 24강. 유저 데이터 화면에 출력하기 (0) | 2021.12.29 |
[React.js] Kossie Coder - 23강. 유저 데이터 받아오기 (0) | 2021.12.29 |
[React.js] Kossie Coder - 22강. NavLink 사용하기 (0) | 2021.12.29 |