일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 귤 고르기
- Outlet
- 프로그래머스
- Recoil
- useoutletcontext
- 138476
- Typescript
- 티스토리챌린지
- programmers
- 42747
- userecoilvalue
- Helmet
- usesetrecoilstate
- 오블완
- H-index
- React
- 노마드코더
- Today
- Total
목록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..