본문 바로가기

전체 글32

회원기능 라이브러리(passport, passport-local, express-session) 💡 라이브러리 설치npm install express-session passport passport-local passport인증 처리 미들웨어(사용자 확인) ➡️ 사용자 로그인, 로그아웃 등 인증 기능을 구현할 때 사용인증처리 흐름 전체를 총괄하는 메인 라이브러리로그인 요청을 받은 후 전략(로그인 방법), 세션(정보 저장 방식), 사용자 처리까지 전반을 통제어떤 전략을 쓸지(strategy), 성공 시 어떤 정보를 세션에 저장할지(serializeUser), 다음 요청에서 어떻게 그 정보를 꺼낼지(deserializeUser)passport-localpassport의 로컬 로그인 전략(ID/비번 기반) ➡️ 자체 로그인 시스템(ID, 비번) 쓸 때 사용아이디/비번 방식 회원인증 쓸 때 쓰는 라이브러리.. 2025. 5. 2.
게시판 회원 기능, session 방식과 token 방식(JWT) 출처 강의: 코딩애플 - Node.js, MongoDB로 빠르게 웹서비스 만들기 💡회원 기능 동작 방식1. 로그인 시2. 서버에 GET/POST 요청 시 💡입장권이란?: 유저 정보가 써있는 간단한 문자자료- 로그인 완료 시 서버가 "이 사람은 누구고 언제 로그인했습니다"라는 입장권을 만들어 유저에게 보냄- 유저가 직접 제시하는 게 아니라 브라우저의 쿠키 저장소를 통해 입장권을 제시하게 함 (크롬 개발자도구 -> Application 탭의 Cookie)- 쿠키 저장소에 저장해놓은 쿠키는 서버로 GET/POST 요청시 자동으로 함께 전송됨. - 그래서 서버는 유저의 브라우저의 쿠키라는 공간에 입장권을 강제로 저장시켜둠. (서버의 권한) 💡입장권 만드는 방식1. session 방식 로그인- 유저가 .. 2025. 3. 28.
Ajax와 Fetch 💡Ajax 란?- 자바스크립트에서 웹 페이지를 부분적으로 바꾸는 라이브러리.- 웹페이지를 새로고침해서 다시 로드하지 않고도 서버와 데이터를 주고받을 수 있기 때문에 '비동기 기법'이라고 할 수 있다. Ajax는 왜 비동기 기법인가?비동기(Asynchronous)란 어떤 작업이 끝날 때까지 기다리지 않고 다음 작업을 실행하는 방식. 즉, 요청을 보낸 후 서버의 응답을 기다리는 동안 웹페이지가 멈추지 않고 다른 작업을 계속할 수 있음.-> 부분적으로 변경하려는 요청을 한 후, 응답이 올 때까지 웹페이지를 조작할 수 있음console.log("1. 요청 보내기");fetch("https://jsonplaceholder.typicode.com/todos/1") .then(response => respon.. 2025. 3. 22.
라이브러리와 프레임워크의 차이 https://kg-dlife.tistory.com/78 [ 감귤'S 기초 상식 01] 코딩에서 " 라이브러리 " 란 무엇일까??개발 공부를 하다보면 주변 개발자들로부터 꼭 라이브러리 정독하는 습관을 가지라는 말을 많이 듣습니다. 어렴풋이 라이브러리의 의미는 알지만 남들에게 설명하라고 하면 할 수 없는 수준의kg-dlife.tistory.comhttps://curryyou.tistory.com/363 [개발 용어] 라이브러리 vs. 프레임워크 개념과 차이# 라이브러리(Library)란? 현실세계에서의 라이브러리(도서관)란 필요할 때마다 꺼내볼 수 있는 책(지식)들이 모여있는 곳이다. 프로그래밍에서의 라이브러리란 필요한 기능들이 모여있는 코드의curryyou.tistory.comhttps://www.mir.. 2025. 3. 22.

티스토리툴바