인프런 커뮤니티 질문&답변

sim jr님의 프로필 이미지
sim jr

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

정적파일을 불러오는 방법 부탁드려요

작성

·

194

·

수정됨

0

아이콘...등을 직접만든 이미지로 적용해보려 합니다.

프로젝트 루트폴더에 resource폴더 생성 후 여기에 이미지파일을 넣고 상대경로로 지정하거나 public폴더 생성 후 process.env.PUBLIC_URL로 불러오는 등의 방식을 써봤는데 정적리소스를 불러오지 못하네요.

 

 webpack.config.ts의

devServer에 static: { directory: path.resolve(__dirname) }는 추가 되어있습니다.

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

상대경로 지정하는 게 맞습니다. <img src={require(상대경로)} /> 하시면 웹팩이 처리합니다.

sim jr님의 프로필 이미지
sim jr
질문자

해주신 답변에 확신 갖고 상대경로지정에 대해 더 알아보니 저같은 경우엔 require('')에 .default를 붙혀 주니까 나왔네요.ㅎㅎ <img src={require(상대경로).default} />

감사합니다.

sim jr님의 프로필 이미지
sim jr

작성한 질문수

질문하기