bskyvision.com RSS 태그 관리 글쓰기 방명록
2022-08-09 08:03:43

flask 프로젝트에서는 보통 작업 디렉토리에 static 폴더를 만든 후 그 안에 CSS, IMG, JS 폴더 등을 만듭니다.

 

 

CSS 파일은 CSS 폴더에, 자바스크립트 파일은 JS 폴더에, 이미지 파일은 IMG 폴더에 넣어놓습니다. 그렇다면, 이 이미지를 html에서 이미지 태그를 이용해서 삽입할 때 이 이미지 파일의 주소는 어떻게 될까요? 다음과 같이 url_for 함수를 활용하여 이미지의 주소를 만들어줘야 합니다. 

 

<img src="{{url_for('static', filename='IMG/sample.png')}}" width="200">

 

이렇게 해주면 sample.png라는 이미지가 html 문서에 잘 삽입됩니다. 

글을 읽던 중에 궁금했던 부분은 질문해주세요.
제가 직접 만든 질의응답사이트인 asksim.co.kr에 질문을 남기셔도 좋습니다.
마크다운(MARKDOWN)으로 상황 설명과 함께 코드와 이미지를 남겨주시면 더욱 더 원활한 소통이 될 것입니다.
asksim에서 질문하기
비밀글
bskyvision.com. Designed by 코딩재개발.