웹개발 플러스 4주차 강의

웹개발 플러스 4주차 강의

Bulma란?

: 지금까지 썼던 Bootstrap과 비슷하게, 미리 정해진 모습의 클래스를 가져다 쓸 수 있는 무료 CSS 프레임워크이다.

- Bootstrap과 비교

: Bootstrap은 jQuery를 써서 웹사이트에서의 상호작용을 쉽게 구현 할 수 있는 반면, Bulma는 순수한 CSS 프레임워크이기 때문에 기능을 직접 구현해야 하지만 대신 더 자유롭게 커스터마이징이 가능해요

- Bootstrap은 커뮤니티가 커서 테마나 플러그인 등이 개발이 많이 되어 있고 질문에 대한 답이나 예시를 찾기 더 쉽고,

Bulma는 문법이 직관적이고 Flexbox 등 최신기술을 많이 쓴다.

Bulma 공식 문서

https://bulma.io/documentation/

1. 파일 기본 세팅

- staic, templates 폴더 생성 / app.py, prac_bulma.html 파일 생성

- 패키지 설치 : flask, pymongo, pyjwt

- jinja2 설정

- Bulma 프레임워크를 사용하기 위해서는 아래 링크를 연결 해줘야 한다.

용어 정리

- section : Body 태그 안에 바로 넣어서 구역을 나눌 때 쓴다.

- box는 테두리와 그림자 등을 이용하여 만든 카드

- media는 스위터에서 많이 쓰이는 이미지와 글의 조합

해시함수란?

: 알고리즘의 한 종류로써 임의의 데이터를 입력 받아 항상 고정된 길이의 임의의 값으로 변환 해주는 함수를 말한다.

(일종의 암호화 알고리즘이라고 생각하면 된다.)

해시함수의 특징

- 회원가입에 사용할 해시함수 SHA256은 어떤 길이의 입력을 넣어도 항상 256 바이트의 결과값이 나온다.

- 추가적으로 동일한 입력값은 항상 같은 결과가 나오고 입력값은 조금이라도 달라지면 완전히 다른 값이 나온다

- 결과값을 통해 입력값을 알아내는 것이 불가능 하다.

JWT란?

: JSON Web Token의 줄임말로 JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준 방식이다.

(JSON을 통한 정보 전달 방식이고 정보를 Token이라고 한다.)

- 예를 들어, 로그인 기능을 생각해보면 사용자가 로그인을 하면 서버에서 회원임을 인증하는 토큰을 넘겨 줌으로써 이후 회원만 접근 할 수 있는 서비스 영역에서 신분을 확인하는 데 사용한다.

- 로그인 이후에 "나 로그인한 사람이야!!"라는 것을 클라이언트와 서버가 계속 주고 받고 있다.

- 놀이공원 갔을 때 자유이용권을 발급 받고 이용권만 보여주면 무엇이든 탈 수 있는 것 같은 것이다.

Cookie란?

- 브라우저 자체 데이터베이스이다. (브라우저에만 저장 되어 있는 정보)

- 로그인을 구현하면 반드시 필요한 개념이다.

- 페이지에 관계없이 브라우저에 임시로 저장하는 정보이다.

- key:value 형태(딕셔너리 형태)로 저장된다.

- 쿠키가 있기 때문에, 한번 로그인 하면 네이버에서 다시 로그인을 할 필요가 없는 것이다.

- 브라우저를 닫으면 자동 삭제 되게 하거나, 일정 시간이 지나면 삭제 되도록 할 수 있다.

- 자유이용권은 손목에 차지만 클라이언트는 토큰을 쿠키에 담는다.

toogleClass : 가지고 있으면 없애고 가지고 있지 않으면 생성 하라는 뜻

from http://eundol1113.tistory.com/67 by ccl(A) rewrite - 2021-11-04 20:00:28