lin-ing-link

가상환경 만들기 python -m venv (가상환경 이름) python3 -m venv (가상환경 이름) 가상환경 실행 source (가상환경 이름)/Script/activate source (가상환경 이름)/bin/activate 장고 다운로드 pip install django 장고 프로젝트 만들기 django-admin startproject (프로젝트 이름) 서버 실행 > manage.py가 있는 폴더로 들어간다. python manage.py runserver 앱 만들기 python manage.py startapp firstapp 👉 앱을 만들기만 하면, 프로젝트는 방금 만든 앱이 자신의 앱인지 모른다 프로젝트 폴더 - settings.py 에서 앱을 등록해주어야 한다. 앱이름.apps.앱이름..

웹 폰트 : 링크를 통해서 불러오는 방식 티스토리 - 코드블럭 폰트 변경하기 1. 구글 폰트에서 적용하고 싶은 폰트를 정한다. fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 폰트를 선택하여 다음 부분을 찾아 복사한다. 3. 티스토리 스킨편집 - html편집 선택 4. 사이에 위에서 복사한 것을 붙여넣는다. 5. 다시 구글 폰트로 돌아가서 다음 부분을 복사한다. 6. 티스토리 html 파일에서 Ctrl + F 로 code를 찾는다. 7. font-family를 위에서 복사한 것을 붙여넣는다.

선택자 단순 선택자 아이디 선택자 : Id로 스타일을 적용. 해당 Id 하나에 적용 Id : HTML 문서 내에서 동일한 아이디는 존재할 수 없음. 다른 요소와 구분되는 점을 만들어줌 #main { color:red; } 클래스 선택자 : 클래스 이름으로 스타일을 적용. 같은 클래스 이름이면 모두 적용 class : 비슷한 특징을 갖는 요소를 지정하여 묶을 수 있음. 여러 번 사용이 가능 .main { color:yellow; } 전체 선택자 : 모든 요소에 스타일 적용. 모든 요소에 적용하기 때문에 속도 저하 가능성 있음 * { color : blue; } 속성 선택자 : 특정 속성르 소유하는 모든 요소에 스타일을 적용 선택자[속성명 = "속성값"] { color : black; } a[target =..

Head 태그 meta태그는 , , , , 요소와 같은 다른 메타데이터 관련 요소들이 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용한다 line 5에서 viewport는 초기 사이즈에 대한 힌트를 제공하며 모바일 환경에서 사용된다 width에 가능한 하위 값은 device-width, 양의 정수이며 웹사이트를 렌더링 하고자하는 viewport 너비를 정의 initial-scale에 가능한 하위 값은 0.0과 10.0사이의 수이며 장치너비와 viewport의 비율을 정의(세로 모드에서는 device-width, 가로 모드에서는 device-height) line 6에서 description은 페이지의 내용에 대한 짧고 정확한 요약을 담으며, 여러 브라우저에서 즐겨찾기 기본 설명 값으로 들어간다..

HTML 컨텐츠의 구조를 정의하는 마크업 언어 line 1에서 은 이 문서 형식이 html임을 브라우저에 알려주기 위함 태그는 전체를 감싸기 위함. 딱 한번만 사용해야함. lang은 사용하는 주 언어를 정의 head 태그 : 정보를 담고 있음. html태그 바로 아래. html안에서 딱 한번 태그는 문서와 관련된 정보를 담음 태그는 탭의 이름 body 태그 : 내용을 담고 있음. html안에서 딱 한번 사용 시맨틱 태그는 레이아웃(headr, nav, section, article, asice, footer..포함) 소개나 제목을 담는 태그 페이지 이동을 위한 메뉴를 담는 태그 기준에 따라 구간을 나누기 위한 태그 주 내용을 담기 위한 태그 광고와 같은 주변을 담기 위한 태그 회사 정보 및 사이트 정보와..