inflearn logo
강의

Course

Instructor

Building Real-world Websites with Python by Dr. Nam

html 태그가 그대로 노출 되는데... 이거 어떻게 해결해야 하나요?

Resolved

1662

yoon

17 asked

1

'번호추출버튼 클릭 > 로또번호 추출 > 추출된 번호를 제가 만든 숫자아이콘으로 대체 > 화면 출력'까지 해보는 연습을 하고 있습니다.

추출된 번호를 replace를 사용해서 번호에 맞는 아이콘svg파일 경로를 변경하여

화면에 뿌려 주는데... 아이콘이 화면에 나타나지는 않고 html 태그가 그대로 노출이 되고 있네요.

{% for i in numbers %}
    {% autoescape false %}{{ i }}{% endautoescape %}
{% endfor %}

남박사님께서 알려주신 autoescape false를 감싸줘도,

html 태그가 그대로 노출되고 있습니다ㅠㅜ

그런데 특이한 부분은, 해당 svg파일을 직접 index.html에 넣으면

제대로 아이콘이 화면에 나타납니다.

<img src="{{ url_for('static', filename='/css/svg/number1.svg')}}">

이것 때문에 몇시간을 헤메고 있네요...

혹시 이런 경우에는 어떻게 해결을 해야 하나요?

답변 부탁드립니다 ㅠ

python

Answer 2

0

yoon

남박사님, 답변 정말 감사드립니다.

알려주신 내용대로 하나씩 적용시켰더니,

내가 원하던대로 그대로 구현이 됐어요~^^

더디더라도 이렇게 하나씩 배워나가니까 너무 좋네요~

늘 도움주셔서 감사합니다! :)

0

nambaksa

위의 코드에서 i 값에 어떤 데이터가 들어가는지를 좀 더 자세하게 알려주셔야 할듯 합니다. 테스트 하신대로 이미지는

<img src="주소"> 로 사용되는데 여기 주소가 flask 가 인식 가능한 주소여야 합니다.

그래서 i 값에 테스트 하셨던 <img src={{ url_for('static', filename='/css/svg/number1.svg')}}"> 이런식으로 들어가야 하는데 이미지 경로는 같고 넘버링만 다를테니 예를 들어

<img src={{url_for('static', filename='/css/svg/number{}.svg'.format(i))}}">

이런식으로 작성을 하셔야 할듯 합니다.

iis 접속후 자동으로 로그인 창이 나오도록 설정이 기능한가요?

0

63

2

리스트 이동 시 창 에러 발생

0

73

1

배포후 회원 등록 후 로그인 에러...

0

72

2

내부 서버 오류

0

65

2

app.config["MONGO_URI"] = "mongodb://localhost:27017/pm_db"

0

53

2

DB 검색하면 데이터가 없습니다. 라고 나와요. 5시간을 찾아봐도 모르겠어서 문의드려봅니다.

0

44

1

몽고db studio3T를 깔았는데

0

56

2

flake8과 linter

0

72

3

500이 뜹니다.

0

57

2

첨부파일 삭제

0

66

2

검색기능 질문

0

61

2

google.py

0

66

2

Studio 3T에 DB insert가 되지 않는 문제를 해결하지 못하고 있습니다 ㅠ

0

81

3

혹시 전체 코드 공개되어 있나요?

0

95

1

join.html 의 form 태그값 을 member_join() 에서 처리못함.

0

102

1

google.py 몽고db 샘플데이터 만들기

0

99

2

flake8 설치 이후 명령팔레트에서 linter가 안보입니다.

0

236

2

파이썬으로 만들어서 웹호스팅에 올릴경우

0

303

1

현재 구글검색 무한스크롤변경 문의합니다

0

295

1

몽고디비아틀라스로 추가 공부해서 올립니다.

0

216

1

IIS 500.19에러

0

652

2

버전 문제도 수정했는데 결과가 안나옵니다.

0

255

1

데이터베이스 저장관련 질문입니다.

0

266

1

test가 생기지 않습니다.

0

501

3