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 |
Tags
- useContext
- 우테코
- Front-End
- Module
- 멋쟁이 사자처럼 in CAU
- Recoil
- NextJS
- 우아한테크코스
- 프론트엔드
- 이벤트루프
- TypeScript
- JS
- 절대경로?
- Vite
- 신진 디자이너
- 소셜 로그인
- github
- React
- nodejs
- FileReader
- 최재영
- webpack
- SSR
- FormData
- 카카오 로그인
- Git
- 동기/비동기
- slack
- 원시값
- 객체값
Archives
- Today
- Total
목록절대경로? (1)
REturn 0;

import catUrl from "./images/cat.png" // src 폴더 하위의 이미지 경로 import function Thumbnail() { return ; } 보통은 위와 같은 코드로 이미지파일 링크를 통해 import하여 변수에 저장하고 src안에 해당 변수를 링크로 넣는 방식으로 이미지 파일을 불러와서 사용한다. 하지만 이번 프로젝트에 들어가는 이미지가 너무 많아서 매번 import하기가 힘들어 방법을 찾아보았다. 모든 이미지파일을 React 프로젝트 생성하면 자동생성되는 public 폴더 내에 img 폴더를 만들어서 그 안에 이미지 파일을 저장하면 {isMentor ? ( ) : ( )} 이런식으로 ../../로 상위 폴더로 찾으러 갈 필요없이 /img/~~~.png만으로 바로 ..
해커톤
2023. 8. 23. 18:55