- 프로젝트별로 패키지를 관리하는 공간을 분리(재설치의 문제 때문) /terminal pip3 install virtualenv (오류나면 pip3 install wheel) virtual project (프로젝트명) call project(프로젝트명)/Scripts/activate - 활성화 pip3 install django 1. 프로젝트 만들기 django-admin startproejct (project명) 2. app 만들기 cd project명 django-admin startapp board(app 명) project: 하나의 프로그램 app: 프로젝트 안에 들어가는 app들(model, view 등이 들어있다)

1. git bash 2. git config --global user.name "pletax-xi" git config --global user.email "kthnote@naver.com" 1. 작업 디렉터리(working directory) 현재 편집 중인 파일이 저장되는 영역 index.html....style.css.... 2. 임시 구역(staging area) 저장소에 저장할 변경사항을 임시적으로 보관 3. 저장소(repository) (.git 디렉토리) 지금가지의 모든 변경된 작업내역이 영구히 저장 1. 소스코드를 편집 working directory >git add 2. staging area >git commit 3. repository 임시구역에 있는 내요을 모두 repository..

float된 속성은 노말 플로우에서 벗어나서 부모가 자신의 높이를 알지못함 1.원치않는 영향을 받는 다른 속성들(footer)을 해제- clear: both; .footer{ background: green; clear: both; } 2. 부모요소에 가상요소를 줘서 clear: both .container-float{ } #after: .container-float 다음부분에 자리함 .container-float::after{ display: block; content: ""; clear: both; } - border bottom .hero-section{ padding: 50px 0; border-botton: 1px solid #cfe3dc; } .intro-desc{ width: 700px; m..

CSS(외부) head에 불러오기 모든요소, 가상요소들을 선택하는 셀렉터 * *, *:: before, *:: after{ box-sizeing: border-box; } l: 8개 단축키 (l:>a)*8 + TAB min-width body{ min-width: 1060px; } max-width #./header/container container{ max-width: 1040px; } .container{ margine: 0 auto 0 auto; margine: 0 auto; margine: 0;(모두 0) padding: 15px 0 4px; # 위 좌우 아래 } .padding: 0 20px; - font-size, rem html{ font-size:10px; } body{ font-size..

제목태그 P 요소 (paragraph) 텍스트를 단락으로 정의 이태리체 & 강조체(굵게) 이테리체 굵게 순서 있는 리스트 & 순서 없는 리스트 정의 목록 코드표현, , 공백 하이퍼링크 네이버로 이동 div(줄바꿈) & span(줄바꿈 x) block 요소는 height, width를 가질 수 있다. 인라인 요소도 height, width를 가질 수 있다. display: inline-block; 글꼴지정 p{ font-family: Arial, Georgia, serif; font-size: 1.5em; font-size: 15px; } html{ font-size: 10px; } h1, h2, h3{ font-size: inherit; } 중복곱을 피하는 법 li{ font-size: 1...

HTML 이란? 기본 웹페이지에서 보여지는 부분 CSS 이란? 간단한 방식 기본 - tag 선택자 html 요소를 직접 지칭 h1{ } p{ } 기본 - 클래스 선택자 ( 여러 요소에 사용 가능) .last{ } 기본 - id 선택자 ( 1개의 html 요소에 사용가능) contents # em{ } Javascript 이란? 웹페이지를 "동적"으로 만드는데에 사용되는 프로그래밍 언어. 실습 TOOL code pen - 브라우저에서 바로 보면서 코딩 가능 MDN - Devdocs - html 요소, 태그 검색 Can l use - 태그, 요소가 브라우저에서 사용가능한지 알려주는 사이트.