웹 프로그래밍 A-Z 심화 - 4주차

1. Bulma

1) Bulma 란?

• Bootstrap과 비슷하게 미리 정해진 클래스를 가져다 쓸 수 있는 CSS 프레임 워크
• Bulma documentation

2) Bulma 사용하기

• Bulma CSS 링크

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">

• parc_bulma.html
  • 전체적인 사용방법은 Bootstrap과 큰 차이가 없다.
  • 순수한 CSS 프레임워크이기 때문에 기능을 직접 구현해야하지만 대신 더 자유롭게 커스터마이징이 가능

2. 로그인 / 회원가입

1) 해시함수

• 입력 받은 데이터를 고정된 길이의 임의의 값으로 변환해 주는 함수
  • SHA256 - 어떤 길이의 입력값을 넣어도 항상 256바이트의 결과값으로 변환
• 동일한 입력값은 항상 같은 결과값, 입력값이 조금만 달라져도 완전히 다른 결과값
• 결과값을 통해 입력값을 알아내는 것은 불가능

2) JWT (JSON Web Token)

• JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준
• 로그인 시 서버에서 회원임을 인증하는 토큰을 넘겨 줌으로써 회원만 접근할 수 있는 서비스 영역에서 신분을 확인하는데 사용

3. 마무리

너무 피곤하다.. 일찍 좀 자자