모도리는 공부중

[Python/Django] vs code 자동정렬 명령어와 html 자동완성이 갑자기 안된다 본문

내 지식 정리/PYTHON

[Python/Django] vs code 자동정렬 명령어와 html 자동완성이 갑자기 안된다

공부하는 모도리 2023. 4. 3. 16:04
728x90
반응형

저랑 똑같은 상황인 사람들이 분명 있을 것이라 생각되어 좌충우돌한 생각 흐름대로 작성했습니다.


vs code 사용자라면 자동정렬로 아주아주 익숙한 명령어가 있다. 바로 ctrl + k + f.

근데 이게 갑자기 안된다.

그래서 검색해봤다. pep8을 설치하거나, autopep8을 설치하라는 글들이 있었다.

그게 설치되지 않아서 자동정렬 명령어가 먹히지 않는단다.

pip install pep8
pip install --upgrade autopep8

그래도 안된다. 뭐가 문제일까.

추가 검색해봤더니 자동정렬 버튼을 눌렀을 때 우하단에 뜨는 알림에 집중하라고 한다. 거기서 뜨는 내용이 autopep8이 없으니 설치하라는 알람일 것이므로 설치하는 순간 해결된다는 내용의 글들이 주르륵, 이어졌다.

하지만 내게 뜨는 알람은 전혀 달랐으니, djlint 어쩌구였다.

저는 다른 거 뜨는데요...

 

extension에서 djlint를 검색해 설치해주었고, 혹시 모르니 extension에 있는 autopep8도 설치해줬다.

그리고 여전히 안된다.

뭐가 문젠데요 대체. 진도 좀 나가자.

 

왜? 어째서? 여태 js, ts 작업할 때 문제 없던 html 명령어가 python과 django 프레임워크 설치하고 작업하면서부터 문제가 생긴 것이다.

답답함은 크지만 일단 클론코딩 강의를 쭉 따라가보자는 마음으로 <div>를 입력해주었다.

이게 무슨 일이지? <div를 입력하는 순간 기다렸다는 듯이 너가 쓰려는 게 이거 아니니? 자동완성 해줄게!라고 항상 나타나던 친구들이 잠잠하다. 잠잠하다 못해 <div>까지 해주었는데 </div>가 나타나지 않는다.

필시 문제가 생긴 것이다.

문제 파악을 위해 html 파일을 하나 새로 생성해서 언제나처럼 느낌표(!)로 골격을 자동생성해주고자 했다.

근데 여기서부터 막혀버린다. 아주 큰 문제다.

 

vs code 가장 기본 명령어인 자동 정렬도 안되고, html 태그 자동 완성도 안된다. 모든 걸 거부 당하고 있다.

'vscode 파이썬 자동정렬'은 진작에 안된 명령어다. 버린다.

'vscode 자동정력 settings.json'을 검색했다. 내가 원하는 건 이게 아니다.

'vscode html 자동완성 안됨'을 검색했다. 원하는 결과가 안 보인다. 내가 대충 본 것일 수도 있다.

 

'django html 자동완성'을 검색해보았다. 그 결과, 드디어 해결할 수 있었다.

vs code 우하단을 보면 위 그림처럼 'HTML'이라고 보여야 할 녀석이 그대들은 'Django HTML'로 바뀌어 있을 것이다. 클릭.

html을 검색해보면(ht까지만 검색해도 그림처럼 나온다) Django HTML(django-html)에 Configured Language로 설정되어있는 것을 볼 수 있을 것이다. 언어 설정 모드가 어느새 나도 모르게 Django 전용으로 바뀐 것이다. django와의 호환성을 위해 설정된 것인데, 이게 오히려 문제를 일으킨 상황이다. HTML(html)로 바꿔주자.

 

내가 참고한 글을 보면, django와의 호환 문제가 있어 작업하다보면 이 두 언어 모드를 왔다갔다 해야하는 경우가 종종 생긴다고 한다. 생각만 해도 벌써 머리가 아파오기 시작했다. 그런 문제를 초기에 해결하고자 extension을 추가로 설치하고 settings.json을 손봐줬다.

 

extenstion 클릭 - auto close tag 검색 - 설치

마우스를 쭉쭉쭉 내려서 보이는 "auto-close-tag.activationOnLanguage" 옵션을 복사해서 settings.json에 추가해준다.

내가 참고한 상세글은 아래 참고글에 링크해두었으니 그 글을 참고하면 더 완벽할 것 같다.

 

이 글은, 나중에 또 좌충우돌하고 있을지도 모르는 나와, 나같은 사람들이 조금이라도 검색어 덜 입력하고 빠르게 찾을 수 있길 바라는 마음으로 작성한 것이기에 직면한 문제가 동일하다면 아래 링크로 빠르게 해결보기 바란다.

 

위 작업들을 모두 마치고 지금의 나는 쾌적하게 다시 django 학습에 돌입하고 있다. 끝!


무한한 감사를 올립니다...

참고글: https://integer-ji.tistory.com/358

728x90
반응형
Comments