목록2024/05/24 (3)
오늘도 코딩하나
1. 데이터 가져오기- data.jslet data = [ { id : 0, title : "나이키", content : "우먼스 나이키 인터랙트 런", img : "./img/shoes1.png", price : 99000 }, { id : 1, title : "아디다스", content : "그라다스", img : "./img/shoes2.png", price : 79000 }, { id : 2, title : "반스", content : "올드 스쿨 - 블랙/블랙 (CANVAS)", img : "./img/shoes3.png", pr..
1. image 삽입 방법(1) img 태그 사용하는 경우import bg from ./img/bg.png' (2) div 태그 사용하는 경우import bg from ./img/bg.png' (3) css 파일 사용하는 경우- App.js - App.css.img-bg { background-image: url('./img/bg.png');}
1. react-bootstraphttps://react-bootstrap.netlify.app/docs/getting-started/introduction Introduction | React BootstrapLearn how to include React Bootstrap in your project.react-bootstrap.netlify.app(1) react-bootstrap 설치npm install react-bootstrap bootstrap (2-1) index.html - 안에 import 시켜주기 (2-2) App.js import 'bootstrap/dist/css/bootstrap.min.css';-> 2-1 / 2-2 중에 하나의 방법으로 하면 된다. ** bootstrap v..