코딩재개발 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 문서에 잘 삽입됩니다. 

글을 읽던 중에 궁금했던 부분은 질문해주세요.
칭찬, 지적, 의문, 격려, 감사표현 등을 남겨주세요.
최대한 답변 드리도록 노력하겠습니다.
욕설과 광고를 담은 댓글은 가차없이 삭제합니다.
비밀글