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

Han Kim님의 프로필 이미지
Han Kim

작성한 질문수

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

안녕하세요 로그인폼에 대해서 질문드려요!!

작성

·

424

0

안녕하세요 선생님

로그인뷰와 로그인폼으로 로그인 화면 꾸미고 있는데요...

 

 

비밀번호 타이핑을 하면 공백으로 타이핑이 되네요..

이상하게 전에 배포했을때는 일반적으로 password타이핑 ***** <=이런식으로

되었는데 다시 새롭게 만드는 프로젝트에서는 아무리 패스워드 타이핑 형식을 바꿔볼려고 해도 안되네요

스택오버플로우 보니 render_value를 true하면 된다고 한거 같은데 오버라이딩하고 로그인뷰에 위의폼으로 적용해도 동작을 하지 않네요 ㅠㅠ

파이썬 버전은 3.7 이고요 장고버전은 3.2.6 입니다...

일반적인 패스워드 입력시 ******* 이와같이 타이핑 되게 하고 싶은데

무엇이 잘못되었을까요??

 

※ 참고로 tailwindcss랑 crispy 라이브러리를 활용하고 있습니다 (crispy안써도 패스워드 공백으로 뜨네요 ㅠㅠ)

답변 1

0

이진석님의 프로필 이미지
이진석
지식공유자

안녕하세요.

말씀하신 비밀번호가 공백으로 타이핑되신다는 증상을 저는 잘 모르겠습니다.
render_value도 어떤 동작을 기대하셨는 지 잘 모르겠습니다.

질문해주신 내용으로 제가 정확히 증상을 보고 재현을 할 수 있어야, 정확한 답변을 드릴 수 있을 텐데 말이죠.

일단, 장고 위젯을 통해서 결국 만들어지는 것은 HTML 입니다. 장고 코드만 보시면 어디가 문제인지 파악이 많이 어렵습니다. 위젯을 통해 만들어지는 HTML과 CSS/JS를 보셔야 합니다. 그래야 증상을 정확히 파악하실 수 있습니다.

HTML 입력필드에서 암호는 아래와 같이 input type에 password만 지정이 되면, 입력된 암호가 마스킹되어 보여집니다. 마스킹되어 보여지지 않는다면, 생성된 HTML이 어떻게 다르게 생성이 되었는지 파악하는 것이 가장 정확한 접근입니다.
<input type="password" />

혹시 암호 입력필드에 이런저런 class name과 속성들이 많이 지정이 되어있다면,

브라우저 개발자도구의 요소 탭에서 암호 입력필드를 찍어서 살펴보시고 input type="password" 외에 다른 속성들을 하나씩 지워보세요. 최종적으로 <input type="password" /> 남을 때까지 말이죠.

소거법이죠.

그럼 어떤 부분에서 이슈가 있는 지 파악이 되지 않을까 싶습니다.

확인해보시고 댓글 남겨주세요.

화이팅입니다. :-)

Han Kim님의 프로필 이미지
Han Kim

작성한 질문수

질문하기