CSS (2) 썸네일형 리스트형 [Django] 템플릿 상속 및 css 파일 적용하기(feat. 내비게이션 바) 지난 멋사 세션에서 게시판을 만들고 귀찮은 마음에 css작업은 미뤄뒀던 나... 내비게이션 바를 만들어서 상속을 해볼까 하던 차에 템플릿 상속이랑 css 파일 적용 개념이 엉망진창인걸 깨달았다. 이번 글은 2시간 동안 싸우면서 배운 템플릿 상속 및 css 파일 적용 정리 글이다. 1. 장고 프로젝트 및 앱 만들기 toy_project라는 이름으로 프로젝트를 만들고 그 안에 main앱을 만들었다. * 여기까지의 자세한 과정은 지난 글 참고 2. 템플릿 상속 1) 프로젝트 폴더에 base.html 만들기 프로젝트 이름 로그인 회원가입 {% block content %} {% endblock %} 모든 페이지에 적용될 네비게이션 바를 구현하기 위해 base.html을 만들었다. * 이때 base.html은 부.. [멋쟁이 사자처럼] HTML과 CSS로 자기소개 웹페이지 만들기 지난 이야기🌿 1주 차 세션에는 비주얼 스튜디오 코드(VS Code)와 깃을 다 함께 설치했다. 2주 차 (2021.04.05 - 2021.04.09) 1) 화요일 2주 차부터 본격적으로 HTML과 CSS에 대해 배우고 코드를 따라 작성하며 웹페이지를 만들었다. HTML: HyperText Markup Language의 약자로 웹페이지를 만드는 데 사용하는 언어이다. 미리 정의된 태그와 속성을 사용한다. CSS: Cascading Style Sheets의 약자로 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 스타일 시트 언어다. 멋사 운영진(회장님👍)을 따라 하면서 만든 첫 웹페이지 결과물을 보자. 약간 머쓱하지만 코드는 다음과 같다. 첫번째 p 두번째 p 세번째 p 바깥의 p태그 원하는 .. 이전 1 다음
