전체 글26 [장고(Django)] CSS 장고걸스 https://tutorial.djangogirls.org/en/css/ 2019. 6. 9. [CSS] color-picker color-picker https://www.webfx.com/web-design/color-picker/ 2019. 6. 9. [장고(Django)] 템플릿 언어 템플릿 언어 HTML 안에 쓰는 장고 제공 언어 HTML 안에 파이썬 변수/문법을 쓰고 싶을 때 사용 템플릿 변수 {{ python_variable }} //파이썬 변수를 HTML 파일에 출력 //view에서 넘어온 데이터를 템플릿에 출력하기 위한 기호 템플릿 필터 {{ python_variable | filter }} 템플릿 변수에 추가적인 속성 및 기능 제공 {{ value | length }} //value의 길이 반환 {{ value | lower }} //value를 소문자로 출력 템플릿 태그 {% tag %} ...태그 내용... {% endtag %} html 상에서 파이썬 문법 사용, url 생성 등의 기능 제공하는 장고의 태그 html태그가 그러하듯 끝나는 태그가 있어줘야 함 1. url.. 2019. 6. 7. [터미널(Terminal)] 터미널 명령어 터미널 명령어 mkdir 폴더명 //디렉토리(폴더) 생성 cd 이동경로 //이동경로로 디렉토리 이동 cd .. //현재 폴더의 상위폴더로 이동 touch 파일명.확장자 //파일 생성 //ex) touch newfile.html ls //폴더 내에 있는 파일들 출력 code . //코드에디터 실행(VS code) // .은 코드에디터에서 현재 위치의 폴더를 열겠다는 의미 //코드에디터마다 명령어는 다름 2019. 6. 6. [리액트(React)] JSX = Javascript + XML = 자바스크립트의 확장 문법 = 자바스크립트 안에 html이 있음 = React component를 자바스크립트로 만들 때 사용하는 언어(리액트는 component에 기반한다.) cd movie_app yarn start : react-scripts를 실행시킴(서버를 시작) code . : vsc를 염 class 대신 className을 씀 이미지: 위에 해당 이미지가 정의되어야 함 ex) import logo from './logo.svg'; 다른 component들은 각각 다른 파일에 작업할 수 ㅇ component: 각기 다른 functions와 methods를 갖고 있다. 모든 컴포넌트는 render function을 갖고 있다. (render functi.. 2019. 5. 29. [장고(Django)] 모델을 이용해 데이터베이스에 테이블을 생성하는 방법 settings.py에 앱을 사용 설정 추가 우선 데이터베이스 관련 명령어가 동작하려면 settings.py에 앱을 사용하기 위한 설정을 추가해야 한다. settings.py 파일의 INSTALLED_APPS 변수 끝에 앱이름을 추가하면 된다. INSTALLED_APPS = [ ~, ~, ~, '앱이름', ] 마이그레이션 파일 생성해서 데이터베이스에 적용 INSTALLED_APPS에 추가를 하면 이제 데이터베이스 관련 명령이 정상적으로 동작한다. 이제 터미널에서 두 명령어를 입력한다. 1. python manage.py makemigrations 앱이름 : 마이그레이션 파일 생성(앱에서 데이터베이스 관련 변경내용이 담김) 2. python manage.py migrate 앱이름 : 마이그레이션 파일의 내.. 2019. 5. 4. [장고(Django)] MTV 패턴 MTV 패턴 Model - Template- View 1. Model : 모델(Model)은 DB의 구조를 결정한다. 대부분의 경우 테이블을 작성할 떄 사용하는데, 테이블의 이름, 각 열의 이름과 타입 등을 설계할 때 사용한다. 모델은 클래스로 만드는데, 클래스의 이름이 테이블 이름이 되고 클래스의 속성이 컬럼(열)이 된다. 속성의 값은 컬럼의 데이터 타입과 제약사항을 결정한다. 장고에서는 models.py를 통해 관리할 수 있다. 2. Template : 사용자에게 보여지는 UI부분. HTML코드 등 사용자에게 보여지는 부분이다. 3. View : 기능, 로직 부분. 넘겨 받은 데이터를 어떻게 해석하고 가공할지, 그리고 처리된 결과를 어떻게 사용자에게 돌려줄지를 결정하는 부분이다. 2019. 5. 3. [장고(Django)] 장고 기본 명령들 장고 기본 명령들 python -m venv myvenv(가상환경이름) : 가상환경 설정 source myvenv(가상환경이름)/bin/activate : 가상환경 실행 deactivate : 가상환경 끄기 pip install django : 장고 설치 (pip는 파이썬관련 패키지(누가 만들어놓은 파이썬 프로그램들)를 설치하기 위해 사용되는 명령어) django-admin startproject 프로젝트이름 . : 장고 프로젝트 생성. 장고 프로젝트를 만들면 myproject 폴더가 생기고 manage.py라는 파일이 만들어진다. 프로젝트 이름 다음 한칸을 띄우고 .(점)을 붙이면 현재 폴더에 파일들을 만들겠다 라는 의미로 현재 폴더에 파일을 만들고 싶으면 붙이면 되고, 그게 아니라면 생략하면 된다. .. 2019. 5. 3. 이전 1 2 3 4 다음