1. Ajax 정의

Ajax(Asynchronous JavaScript and XML)

• JavaScript를 사용한 비동기 통신, 클라이언트와 서버 간에 XML 데이터를 주고받는 기술
• JavaScript 라이브러리
• 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법

1. AWS > 네트워킹 및 콘텐츠 전송 > Route 53

보유한 도메인의 네임서버를 설정해주는 작업을 수행할 것이다.

• DNS 관리 시작
• 호스팅 영역 생성 > 도메인 이름 입력 > 생성
• 해당 도메인 선택 > TTL 설정(ex. 1분)
• NS 유형의 value 복사하여 도메인 웹호스팅 사이트(가비아)에 네임서버로 설정

2. HTTP로 연결 (https는 개인키, 공용키 구입 필요)

경로 : dstagram_project > config > settings.py

AWS_S3_SECURE_URLS = False

1. AWS > 서비스 > 스토리지 > S3 접속

• 버킷 생성
  • 버킷 이름 설정 (ex. media.wpsschool.site)
  • 지역 > ‘아시아 태평양(서울)’ 설정
  • ‘이 버킷의 퍼블릭 액세스 설정’ 4개 항목 체크 해제
  • ‘시스템 권한 관리’ 액세스 권한 부여
  • 버킷 만들기
  • 속성 > 정적 웹 사이트 호스팅 > ‘이 버킷을 사용하여 웹 사이트를 호스팅합니다.’ > 인덱스 문서, 오류문서 작성 > 저장

1. heroku 다운로드 및 설치

• macOS : brew tap heroku/brew && brew install heroku
• Ubuntu 16+ : sudo snap install -classic heroku
• Windows : https://devcenter.heroku.com/articles/heroku-cli#download-and-install 에서 다운로드 및 설치

2. 추가 모듈 설치

경로 : bookmark_project > pip3 install [모듈명]

• dj-database-url : 데이터베이스 관련 옵션을 변수로 쉽게 접근할 수 있게 해주는 유틸리티
• gunicorn : wsgi용 미들웨어 –> 웹서버와 장고 사리의 다리 역할
• whitenoise : static 파일 서빙용 미들웨어
• psycopg2-binary : postgreSQL용 드라이버

1. template 파일 생성하기

views.py에서 정의한 클래스형 뷰에 따라, 연동할 템플릿 파일들을 생성한다.
단, 템플릿 파일 이름은 앞서 작성한 template 이름의 접미사와 일치하도록 아래와 같이 생성해준다.

경로 : bookmark_project > bookmark > templates > bookmark

• bookmark_create.html
• bookmark_delete.html
• bookmark_detail.html
• bookmark_list.html
• bookmark_update.html

1. project 생성

원래 프로젝트 이름만 작성하면, 프로젝트 폴더 안에 프로젝트 폴더가 생기게 되는데
[프로젝트 이름] 뒤에 ‘.’을 작성하면 현재 디렉토리에 ‘config’라는 폴더를 바로 생성해준다.

1

$ django-admin startproject config .        # bookmark_project 디렉토리 위치에서 실행

2. app 생성

‘bookmark’ 이름으로 앱을 생성해준다.

1

$ python3 manage.py bookmark                # bookmark_project 디렉토리 위치에서 실행

1. 장고 프로젝트 진행할 디렉토리 생성

• 장고 프로젝트를 진행할 디렉토리를 생성해준다. (원하는 경로에 디렉토리 생성)

  1	$ mkdir django_project # django_project 디렉토리 생성

2. 가상환경 설치 및 활성화

• 가상환경이 설치되어 있지 않다면 pip install을 사용하자.
• 혹시 모르니, pip version 확인하여 최신버전으로 업그레이드를 해보자. (bookmark_project 디렉토리 위치에서 실행)

  1 2 3 4 5

  $ pip --version # pip version 확인 $ pip install --upgrade pip # pip 업그레이드 $ pip install virtualenv # virtualenv 설치 $ virtualenv --python=python3.6 venv # virtualenv를 'venv'라는 이름으로 설치하고, python3.6으로 python 버젼 설정 $ source venv/bin/activate # virtualenv(venv) 활성화

함수형 뷰에서 paginator 없이 page 기능 구현

- 경로 : board_project > board > views.py