본문 바로가기

Web71

Django - vscode html 자동완성입력 작동안됨 (해결) django를 하면서 html 자동완성이 안되길래 적잖게 당황했다. 그래서 한 5번정도는 일일이 타이핑도 했었는데, 아.. 이건 아니다 싶어서 고쳐보려고 했다. 여러가지 방법론들이 있던데 나의 경우는 아주 간단했다. django를 먼저 이용하게 되면 vscode 가장 오른쪽 하단에 사진에 표시된 부분을 보면 Django HTML이라고 되어있다. 이 부분을 클릭하면 이 부분에 python interpreter를 찾을 때 처럼 '언어 모드 선택'이라고 나오는데 거기에 html 을 입력하고 html을 클릭해준다. 그러면 기본 셋팅값이 html로 전환되면서 자동완성기능이 활성화된다. # 찜찜한 부분 하지만 찜찜한 부분도 있다. 이건 내가 아직 모르는 부분이 많아서 발생되는 것인데 !나 doc으로 html을 자동.. 2022. 9. 30.
BOOTSTRAP 적용 기본 API셋팅 (css, javascript) bootstrap은 진짜 뭐 잘한다는 사람은 필요없겠지만 내 시야에서는 불필요한 코딩을 최소화할 수 있는 방편이라고 생각한다. 더욱이 bootstrap 사이트에 나온 모든 탬플릿들은 이 API 셋팅을 하지 않은면 이상한 모양으로 출력된다. 이를 방지하기위해서 bootstrap 기본 API셋팅 방법을 올려본다. # 첫번째 # 1 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful Ja.. 2022. 9. 28.
CSS 문제풀이5 - padding, border, margin 개념과 기초활용 # 문제 코딩 연습 확인사항: CSS - Box모델 임무: Box 모델을 사용하여 5px 너비의 녹색 테두리가 가지며, 중앙 정렬된 단어 "CENTRAL"이 포함된 박스를 만드세요. 박스는 모든 페이지 테두리까지 (더 정확하게는 div 요소까지), 50픽셀의 거리를 가져야 합니다. 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 주요 개념 content - padding - border - margin 순으로 내핵에서 외핵으로 가는 느낌으로 생각하면 된다. # 내 코드 # 이.. 2022. 9. 28.
CSS 문제풀이4 - 폰트, 텍스트 (font, text) # 문제 코딩 연습 확인사항: CSS - 폰트와 텍스트 임무: 모든 h1 헤딩이 Arial폰트를 사용하고, 모든 단락의 폰트 크기가 1이 되도록 "styling.css"를 채우세요. 또한 폰트 크기를 0.5로 줄이는 small이라는 id를 만드세요. "index.html"을 채우세요. 여기에는 최소한 하나의 h1 헤딩, 하나의 단락 및 small을 적용하는 텍스트가 포함되어야 합니다.(div 컨테이너를 사용하세요) 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 내 코드 # .. 2022. 9. 28.

티스토리툴바