이재만 교수의 공간

middleware - guard - interceptor - pipe - controller

- service - controller - interceptor - filter - client

템플릿 태크 {% csrf_token %}는 다음과 같이 렌더링되는

숨겨진 필드를 생성

<input type="hidden" name="csrfmiddlewaretoken" value="26jk2cEtV9z4JIEHXal/>

CSRF의 자세한 내용은 다음을 참고한다

https://owasp.org/www-community/attacks/csrf

1. pip install django-cors-headers

2. settings.py 

INSTALLED_APPS = [

  'corsheaders'

]

3. MIDDLEWARE = [

  'corsheaders.middleware.CorsMiddleware', 

]

4. CORS_ALLOWED_ORIGINS = [

  'http://localhost:5173' # 보내는 클라이언트 주소

]

5. CORS_ALLOW_CREDENTIALS = True

pip install djangorestframework

pip install djangorestframework-simplejwt

html 주소 대신 ssh 주소를 사용하면 된다

대신 keygen 으로 ssh 퍼블릭 키를 추가하면 된다

1. ssh key 생성

ssh-keygen -t rsa -b 4096 -C "exam@gmail.com"

2. id_rsa 파일과 id_rsa.pub 파일 생성 확인

3. github - settings - SSH and GPG Key - New ssh key -

   id_rsa.pub 파일의 내용 복사 - 확인

4. .ssh 경로로 clone

AbstractUser 에서 관리자 계정 생성할 때 username 입력 에러 나서

username 항목에 

null = True,

default = ' '

를 넣어주면 된다

1. gmail 로그인

2. 설정 - 보안 - 

smtplib.SMTPServerDisconnected: 

Connection unexpectedly closed

발생하는 이유

SSL을 True로 설정해야 한다

SSL을 True로 설정하면 TLS는 False로 설정해야 한다

둘 중 하나만 True가 되어야 한다

ps aux --forest | grep nginx | grep -v color

npm install -D @babylonjs/inspector

import { Inspector } from '@babylonjs/inspector';

Inspector.Show(scene, { });

npm create vite@latest .

Vanilla

JavaScript

npm install

npm run dev

npm install -D @babylonjs/core

counter.js javascript.svg 삭제

main.js style.css 내용 전체 삭제

main.js에 기본 코드 입력

style.css 에 기본 스타일 입력

1. 업데이트

sudo apt update

sudo apt upgrade

2. 엔진엑스 공식 패키지 저장소 설정을 도와줄 패키지 설치

sudo apt install -y curl gnupg2 ca-certificates lsb-release debian-archive-keyring

gnupg2 - an encryption tool that includes digital signitures and certificates

3. 엔진엑스 패키지 저장소의 서명키를 다운로드하고 저장

curl https://nginx.org/keys/nginx_signing.key | gpg --dearmor \

| tee /usr/share/keyrings/nginx-archive-keyring.gpg > /dev/null

4. lsb_release 명령을 이용해 운영체제와 배포판 이름을 정의하는 변수 선언

OS=$(lsb_release -is | tr '[:upper]' '[:lower]')
RELEASE=$(lsb_release -cs)

echo "deb [signed-by=/usr/name/share/keyrings/nginx-archive-keyring.gpg] \ 

http://nginx.org/packages/${OS} ${RELEASE} nginx" \ 

| tee /etc/apt/sources.list.d/nginx.list

5. 업데이트 후 엔진엑스 설치

sudo apt update

sudo apt install -y nginx

nginx

APT - Advanced Package Tool

패키지 관리 시스템

엔진엑스 GPG 패키지 서명키 - 저장소의 패키지 검증

npm create vite@latest

Vanilla

Vue

React

Preact

Lit

Svelte

Others

global SESSIONS

사용자의 전화번호, 적립 횟수 담고 있음

각 상태 정보는  32글자의 랜덤 ID를 Key로 가짐

이 ID는 session_id로 쿠키에 저장

요청할 때마다 쿠키에서 session_id를 조회

쿠키에 session_id가 없다면

랜덤으로 session_id를 생성

이렇게 session_id 예측을 최소화 해서 보완성을 강화

세션

서비스에 접속한 사용자의 상태를 저장/유지하기 위한 방식

메모리

디스크

데이터베이스 서버(MySQL, PostgreSQL)

캐시 서버 (memcached, redis)

웹 서비스에서 세션 데이터는 매 요청을 처리할 때마다 조회가 발생

데이터베이스의 데이터에 비해 변경 및 삭제가 많이 일어남

세션 데이터의 입출력 속도가 빨라야

서비스 응답 속도도 빨라짐