Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- system
- computer
- mysql
- github
- instruction
- function
- CSS
- data structure
- python
- XML
- web
- MacOS
- php
- html
- DS
- DATAPATH
- react
- Pipelining
- control
- architecture
- Algorithm
- Class
- DoM
- DB
- Linux
- while
- MIPS
- javascript
- for
- Java
Archives
- Today
- Total
YYYEJI
[React] 리액트(React)에서 이미지 넣기 본문
728x90
React에서 사진을 올리고 싶을 땐 <img> tag로 쉽게 올릴 수 있습니다.
<img alt="?" src="/images/qeustion.png" />
alt는 이미지를 보여줄 수 없을 때 대체될 수 있는 텍스트를,
src에는 올리고싶은 이미지의 경로를 입력해 주시면 됩니다.
⚠️ 주의해야 할 점 ⚠️
이미지의 경로를 조심해야 됩니다.
① 이미지의 경로가 React을 생성할 때 생기는 public 폴더 밑에 존재해야 됩니다!
② /images/duck.mp4로 파일의 위치를 설정해줘야 됩니다.
images 앞에 경로가 어떻든 신경써주지 않아도 된다는 의미입니다.
↓↓↓ 동영상 업로드 하기 ↓↓↓
https://yyyeji.tistory.com/385
◡̈
'Web Application Server (WAS)' 카테고리의 다른 글
[React] yarn으로 styled-components 설치하기 (0) | 2023.01.10 |
---|---|
[React] JSX 태그 내부에서 변수 사용하기 (0) | 2023.01.10 |
[React] JSX expressions must have one parent element 에러 (0) | 2023.01.10 |
[React] event.target.value 란? (0) | 2023.01.06 |
[React] useState() 함수 (0) | 2023.01.06 |