본문 바로가기

Python_WEB

(436)
[HTML]Study 요약 정리 2 1. 북마크 이동하고 싶은 곳에 입력 링크를 걸고자 하는 앵커에 내용 입력 에서 북마크 지정 없이 #만 입력하면 무조건 가장 위로(top) 올라가게 됨 * 북마크는 화면에 보이지 않으나 프로그램에서 인식됨 2. “Ul, li” 목록 태그 ul (unordered list) : 순서 없는 목록 리스트 li (list item) blue white black 3. “Ol” 목록 태그 ol (unordered list) : 순서 있는 목록 리스트 초등학교 중학교 고등학교 대학교 * Ol type 종류 1234… abcde… I II III IV … Ol start 지점부터 시작됨 중간에 Value 값으로 변경가능 4. 정의 목록 태그 dl (dictionary list) : 순서가 없는 정의 목록 태그이며 l..
[HTML]Study 요약 정리 1 1. HTML 기본 틀 본문이 될 내용 * [Tab] 키를 사용하여 태그 정렬 * … 태그는 / 로 닫아줌 * 태그는 주석문 2. 배경색과 글꼴색 바디문 글꼴색 지정 해당 문장의 글꼴색 지정 * Css에서 배경색 : { background-color:blue } * Css에서 글꼴색: { Color:blue } 3. 배경 이미지 넣기 * ../은 폴더 바깥에 있을 경우 지정 * Css에서는 Body { background-image:url(폴더명/이미지명.확장자); } 4. “P, br, pre” 태그 pre는 공백이 그대로 나타납니다 br은 Enter 기능을 수행합니다 p는 강제로 행을 내려줍니다 * 태그는 / 생략이 가능함 * 은 사용한만큼 적용됨 * 는 중복적용 안됨 5. Hn 태그와 폰트 사이즈 ..
[Django Tutorial]Django APP 생성 Django Project 에는 여러개의 App 을 포함 할 수 있습니다. 각 App 에는 특정 기능을 포함 할수 있습니다. python manage.py startapp main 만약에 다른 App 를 생성 할려면 아래와 같이 명령어를 입력해서 생성 한다. python manage.py startapp App명 main App 를 생성 하고 나면 아래와 같은 파일이 생성이 된다. example/ │ ├── main/ │ │ │ ├── migrations/ │ │ └── __init__.py │ │ │ ├── __init__.py │ ├── admin.py │ ├── apps.py │ ├── models.py │ ├── tests.py │ └── views.py │ ├───├── __init__.py │..
[Django Tutorial]Django Project 생성 Django는 Project 와 App으로 구분한다. Django에서 Project 는 Web Application을 위해 구성되는 전체를 말하며 이 아래 여러가지의 App으로 구성된다. 맨 먼저 Django 에 Project 를 생성 한다. django-admin startproject example 만약에 다른 Project 를 생성 할려면 아래와 같이 명령어를 입력해서 생성 한다. django-admin startproject project명 example Project 를 생성 하고 나면 아래와 같은 파일이 생성이 된다. example/ │ ├── example/ │ ├── __init__.py │ ├── asgi.py │ ├── settings.py │ ├── urls.py │ └── wsgi...
[Django Tutorial]Django 설치 및 패키지 종속성 관리 python 가상 환경을 위해 vscode 에서 가상 환경을 설정한다. ctrl + shift + p를 누르고 select interpreter 입력 한다. 그리고 나온 명단에서 사용중인 가상 환경 venv 를 클릭한다. crtl + j 를 눌러 가상 환경을 실행 한다. 이제 가상환경에서 Django 를 설치한다. pip install django 만약 특정 버전을 설치할려면 아래 명령을 입력합니다. pip install django==버전 패키지 관리를 위해서 requirements.txt를 생성합니다. 이는 종속성 관리를 위해 사용하며 한꺼번에 패키지를 관리하기 쉬운 방법이다. pip freeze > requirements.txt requirements를 열면 현재 pip 에 있는 패키지와 버전이 나..
[Django Tutorial]환경 준비 Django 프로젝트를 위해서 새로운 폴더를 생성합니다. mkdir Django_Start 생성 한 폴더로 이동 후 VSCode 를 실행합니다. cd Django_Start code 가상 환경을 설정하기 위해 가상 환경을 생성 합니다. python -m venv venv 가상 환경을 실행 합니다. cd venv\Scripts\ activate
[부스트코스]반응형 웹 - MOBILE 제작 퀴즈 Q> 반응형 웹을 만들기 위해 조건문을 작성하려고 합니다. 가로 해상도가 각각 375, 360, 320인 핸드폰이 있고 그들의 css는 하나로 구성되어 있을 때맞는 반응형 조건문을 고르시오. @media screen and (max-width: 375px) @media screen and (max-width: 360px) @media screen and (max-width: 320px) @media screen and (min-width: 375px) and (max-width: 320px) @media screen and (max-width: 375px) and (max-width: 360px) and (max-width: 320px) A> @media screen and (max-width: 375p..
[부스트코스]반응형 웹 - TABLET 제작 퀴즈 Q> 스크린 환경이면서 최대 가로 길이가 1280px을 넘지 않고 비율이 가로가 더 긴 경우에 해당 코드를 적용하시오. 위와 같은 환경의 미디어 쿼리 조건문을 제대로 작성한 내용은 무엇인가? @media screen and (max-width: 1280px), screen and (max-height: 768px) and (orientation: landscape) @media screen and (max-width: 1280px) and (orientation: landscape) @media screen and (max-width: 1280px), screen and (max-height: 1280px) and (orientation: landscape) @media screen and (max-wi..