문제
카카오톡 로그인을 구현하기위해 png이미지를 다운받아서 vscode에 옮겨놓은 상황.
하지만 import 구문을 이용하여 img태그에 src속성에 넣어봤지만 제대로 작동을 하지않음
해본노력
- index.d.ts에 decare module statement를 통해 png파일을 읽을 수 있게함
(실패)- require를 통해 이미지 파일을 가져오려함
(실패)- 타입선언이 안된것같아 img태그의 소스속성에 as string을 붙여줌
(실패)- import 구문에서 default를 붙여줌
(실패)- 해당 페이지의 파라미터로 들어가는 src에 대한 타입정의를 해줌(interface 활용)
(실패)
정답
이미지에 대한 파일을 src파일이 아니라 public 파일에 옮겨줌
성공