카드리스트
-
나만의 홈페이지 만들기-08 [카드리스트&디테일페이지]React 2023. 1. 17. 23:32
이전 마스트페이지와 라우트 설명에서 이제는 카드 리스트에서 상세 페이지로 링크되는 컴포넌트를 추가해보자. 지금까지 소스는 아래 깃허브 링크에 있다. https://github.com/JahvoTrust/myweb GitHub - JahvoTrust/myweb Contribute to JahvoTrust/myweb development by creating an account on GitHub. github.com 나도 공부하면서 하는 코드라 조언해주실분은 꼭 댓글에 남겨주기 바란다.^^ 아래 처럼 카드리스트를 컴포넌트로 분리한다. import React from 'react' import Card from 'react-bootstrap/Card'; import Col from 'react-bootstra..
-
나만의 홈페이지 만들기-04 [Bootstrap 카드리스트 만들기]React 2022. 9. 5. 18:20
리액트 부트스트랩 페이지에서 참고 https://react-bootstrap.github.io/components/cards/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io 카드 레이아웃 App.js 에 위의 샘플을 복사해서 이전에 만든 Navbar 바로 밑에 붙여넣기한다. import React from 'react'; import Container from 'react-bootstrap/Container'; import Navbar from 'react-bootstrap/Navbar'; import Card from 'react-bootstrap/Card'; import ..