목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 1. Access Token과 Refresh Token의 개념을 학습한다. 2. Access Token과 Refresh Token을 실제로 구현한다. 2. 내용 정리 1) Access Toekn 사용자의 인증(ex:로그인)이 끝난 후, 해당 사용자를 인증하는 용도로 발급하는 토큰 => 쿠키에 JWT를 설정하고, 지정된 만료시간이 지나면 인증이 만료되는 구조 또한 Access Token이라 부를 수 있다. 인증요청시 Access Token을 사용하면, 토큰 생성시 사용한 Secret Key로 인증을 처리하게 되는데, 이는 따로 설계나 처리할 필요 없이 코드를 구현할 수 있다는 장점을 가진다. Access Token은 상태의존성..

목차 1. 학습 내용 2. 내용 정리 3. 예제 1. 학습 내용 JWT(Json Web Token) 학습 목표 1. JWT란 무엇인지 알아봅니다. 2. JWT와 쿠키(Cookie), 세션(Session)의 차이점을 이해합니다. 3. jsonwebtoken 라이브러리를 이용해 JWT를 Express.js에서 사용해봅니다. 참고 JWT란? 왜 사용할까? 장단점은? (velog.io) + 내배캠 JWT란? 왜 사용할까? 장단점은? 개요 이번 멋북스 프로젝트의 ebook reader에서는 REST api를 구현하고, 거기에 더해 JWT토큰을 인증에 사용한다. 사용하고, 프로젝트에 적용할 수는 있지만 깊게 이해하지 못하고 사용하는 것을 찜찜 velog.io 2. 내용 정리 0. 인증과 인가 인증 - Authern..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 학습 목표 : 1. 쿠키(Cookie)와 세션(Session)에 대해 학습 2. Express.js에서 쿠키와 세션 구현 참고자료 : 쿠키와 세션 개념 (tistory.com) 2. 내용 정리 1. 쿠키(Cookie)와 세션(Session)에 대해 학습 사전지식 : HTPP의 connectionless와 stateless 때문에 다른 페이지로 이동/새로고침시 서버는 매번 클라이언트가 누구인지를 확인해야 하는 문제 발생 더보기 connectionless "클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버리는 특징" HTTP는 먼저 클라이언트가 request를 서버에 보내면, 서버는 클라이언트에게 요청에 맞는 resp..

목차 1. 학습 내용 2. 내용 정리 3. 예제 1. 학습 내용 1. 요청(Request)과 응답(Response)를 명확하게 이해합니다. 2. Express.js의 req, res 객체가 가지고 있는 메서드를 이해합니다. 3. Express.js에서 요청(Request)과 응답(Response)을 표현하는 방법을 학습합니다 Express.js는 http모듈을 확장하여 추가적인 메서드나 속성을 제공해준다. 2. 내용 정리 1. Request와 Response - Request란 클라이언트가 서버에게 전달하려는 정보나 메시지를 담는 객체를 의미합니다. URL, Http method, 헤더(header), 쿼리 파라미터(query parameter), 바디 데이터(body data)등이 포함됩니다. - Re..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 1. DOM의 기본 개념과 접근, 제어법 2. Class문법의 주요 개념(클래스, 인스턴스, getter, setter, 상속 등) 3. 클로저의 주 개념과 활용 2. 내용 정리 1. DOM (3) DOM(Document Object Modeling) 브라우저 내장 API(다른 시스템에 제공하는 기능의 사용을 도와주는 중간자) - HTML을 Js로 접근, 제어가 가능하다. DOM의 모든 node는 속성과 메서드를 가지고 있다.(Node : html태그와 텍스트, 속성등을 하나의 블록처럼 취급) 속성 : 해당 객체의 특성을 나타내는 값을 가져오거나 설정 메서드 : 해당 객체가 수행하는 작업을 나타내는 함 2. Class 클래스..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 특정 id를 기준으로, 해당 id를 가진 firebase db의 document 내용을 수정하는 기능을 구현. 2. 시도 Edit 버튼을 만들고, 해당 버튼을 누르면 Edit할 ID, URL, Name, Role, Content, TMI, MBTI, URL을 작성하는 창이 보여지고, 원래 사이트의 화면이 어두워진다. 이후, 내용을 모두 입력하고 Save 버튼을 누르면 저장 성공시 저장 완료 alert가, 실패시 error alert가 발생한다. 3. 결과 모달 구현 은 다음과 같이 할 수 있다. Edit Edit Team Member ID_to_Edit Image URL: Name: Role: Content: TMI: MBTI: URL: Sav..