본문 바로가기

Python_WEB

(434)
[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..
[부스트코스]반응형 웹 - PC용(기본) 제작 퀴즈 Q> 반응형 웹에서 해상도에 따른 분기법으로 미디어 쿼리를 사용합니다. 그렇다면 이번 강의에서 기본 내용을 담게 되는 PC버전은 어떤 방식으로 분기가 된 내용에 담겨야 할까요? @media screen and (max-width: 768px) @media screen and (max-height: 768px) and (orientation: landscape) @media print and (orientation: portrait) 분기처리 하지 않는다. @media screen and (max-height: 768px) A> 분기처리 하지 않는다. www.boostcourse.org/web344/ 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]반응형 웹 소개 퀴즈 Q> "이것"은 브라우저에서 제공해주는 기능 중에 하나로 개발을 할 때 필요한 여러 가지 정보들을 보여줍니다. 이번 강의에서 반응형 웹이 잘 되는지 확인하기 위해 사용하기도 한 이것의 보편적인 이름은 무엇인가요? 개발자도구 디자이너도구 마크업도구 HTML탐색기 CSS탐색기 A> 개발자도구 www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org