백엔드 (24) 썸네일형 리스트형 nodejs에서 Session-based 회원가입 구현하기 1. 개요 회원가입 기능의 방식에는 크게 3종류가 있음 3가지 방식 모두 장단점이 있으며 우리가 흔히 아는 소셜 로그인 기능은 OAuth방식임 2. 방식 (1) Session-based 브라우저에서 로그인 시 서버에 유저의 로그인 기록 저장 서버에서는 유저의 로그인 기록을 세션 아이디로 만들어서 쿠키 발행 브라우저는 전달받은 쿠키(세션 아이디가 포함되어 있음)를 저장함(로그인을 한 상태) 만약 로그인 해야만 볼 수 있는 페이지(개인정보 페이지 등)를 서버에 요청한다면? 요청과 함께 쿠키가 서버로 전송됨 서버에서는 쿠키에 들어있는 세션 아이디를 서버의 로그인 기록과 대조 함 그 뒤에 서버에서 브라우저로 개인정보 페이지를 보내줌 이 방식은 로그인 상태를 서버에 저장하는 게 특징(서버의 자원을 소모함) (2).. nodejs+express 서버에 게시글 수정 요청하기 1. 개요 이번엔 게시글 상세 페이지에서 수정 버튼을 누르면 수정 페이지로 넘어가고, 수정 페이지에서 서버로 수정 요청을 해볼거임 서버에 수정 요청을 할때는 PUT 요청을 해야 함 우리는 할 일을 생성할때 form 태그에다가 이렇게 action과 method를 설정해줬음 근데 HTML에서는 POST와 GET요청만 가능하기 때문에 PUT 요청은 HTML에서 바로 할 수 없음 그럼 뭐 어떻게 해야할까? 2. method-override HTML에서도 꼼수로 PUT요청 할 수 있는데 라이브러리를 하나 설치해야 함 npm install method-override 설치 다 했으면 server.js에 아래 코드 추가해야 함 // method-override 사용 설정 const methodOverride = re.. nodejs랑 mongodb로 게시글 삭제 요청 해보기 이번엔 브라우저에서 nodejs 서버로 데이터 삭제 요청 해볼게요 db로도 데이터 삭제 요청 할거임 이 포스팅은 시리즈니깐 내용 이해 안되면 nodejs 게시판에서 이전 글 한번 보고 오세요 1. server.js // express로 서버 만들기 기본 셋팅 const express = require("express"); const app = express(); const bodyParser = require('body-parser'); // bodyparser 사용 설정 app.use(bodyParser.urlencoded({extended: true})); // ejs 사용 설정 app.set('view engine', 'ejs'); // 몽고DB랑 연결해주는 코드 const MongoClient =.. nodejs랑 mongodb 연결해보기 백엔드 개발자는 API와 DB를 다룬다고 했었었는데 지금까지는 API만 다뤄봤고 이제 DB도 한번 다뤄봅시다 DB에는 관계형 DB랑 NoSQL이란게 있음 MySQL, MariaDB 같은게 관계형 DB고 MongoDB가 NoSQL임 이런 복잡하고 지루한 설명 다 집어치우고 관계형 DB는 엑셀처럼 데이터를 저장하는거고 NoSQL은 그래프, object(JS의 그 오브젝트 맞음) 등의 형태로 데이터를 저장함 나는 오늘 MongoDB를 쓸건데 걔는 object 형태로 데이터를 저장함 { 이름 : '김박사', 나이 : 30, 성별 : 남성 } 이렇게 저장한다는 뜻임 1. MongoDB Atlas 설정하기 자 그럼 바로 mongodb 한번 설정해볼까요? mongodb를 컴퓨터에 바로 설치해도 되는데 다운받고 설치하.. nodejs에서 웹으로부터의 요청 처리하기(feat. post) post 기억납니까? 2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발자가 되고 싶은 사람이라면 프론트엔드와 백엔드라는 단어를 들어봤을 건데 궁금해서 나무위키를 찾아보면 '백엔드는 DB와 API 서버 개발을 맡는다'라고 적혀있음 여기서 DB는 데이터베이스 bebutae.tistory.com 여기서 get이랑 post이야기 한적이 있음 귀찮은 사람들을 위해 간단히 설명하자면 get은 서버에 읽기 요청을 하는 것 post는 서버에 쓰기 요청을 하는 것 자 그래서 일단 서버에 form을 갖고있는 html파일을 띄워봅시다 참고로 form에 정보를 입력하고, 서버로 전송할거라서 form을 넣은거임 하나더 참고로.. nodejs로 HTML 파일 띄워보기 명색이 백엔드 공부하는건데 그래도 HTML파일정도는 띄워봐야하지 않겠슴까 자 적당한 HTML파일 하나 만들어주고 서버 소스파일 하나 만듭시다 아 참고로 2023.01.20 - [코딩/NodeJS] - NodeJS로 서버 만들고 실행해보기 NodeJS로 서버 만들고 실행해보기 서버 뭔가 거창하고 어려울 것 같은데 우린 이미 지난 포스팅에서 준비를 다함 2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발 bebutae.tistory.com 요 포스팅에서 이어지는거니깐 이전 글 참고하세요 // express로 서버 만들기 기본 셋팅 const express = require("express"); const a.. nodejs 서버 자동으로 껐다 켜주는 Nodemon 설치하기 nodejs로 서버 구동할때 서버 코드 수정할때마다 서버 껐다 켜야되잖슴까? 나는 걍 코드 저장만 하면 바로바로 적용시키고 싶은데 자꾸 껐다 켜야만 수정코드 적용되서 너무 귀찮음... 자 그래서 준비했습니다 오늘은 nodemon을 설치해줄거임 npm install -g nodemon 터미널에 위 명령어 입력하면 nodemon 설치됩니다 참쉽죠? -g 옵션 넣는건 해당 컴퓨터의 모든 폴더에서 nodemon을 쓸 수 있도록 설치하는 옵션임 nodemon server.js nodemon 사용하는 방법은 위 명령어를 터미널에 입력하면 됨 아 그런데 nodemon 실행해봤더니 혹시 막 빨간 글씨로 스크립트를 실행할 수 없다고 뜬다면? 그거 스크립트 실행 권한이 없어서 그런거임 powershell 관리자 권한으로 .. 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발자가 되고 싶은 사람이라면 프론트엔드와 백엔드라는 단어를 들어봤을 건데 궁금해서 나무위키를 찾아보면 '백엔드는 DB와 API 서버 개발을 맡는다'라고 적혀있음 여기서 DB는 데이터베이스고, API(Application Programming Interface)는 데이터 요청 체계임 아니 데이터베이스는 알겠는데 데이터 요청 체계가 뭐임? 싶다면... 예를들어 우리가 유튜브 웹페이지에서 어떤 영상을 클릭한다고 가정했을때 유튜브 영상이 저장된 서버에서는 우리가 클릭한 영상을 웹페이지로 보내줘야 함 이때 웹페이지와 영상이 저장된 서버 사이에 요청과 응답이 이루어지는데 이 요청과 응답 체계를 API라고 함 혹시 CRUD(Create, Read, Update, Delete)를 들어봤다면 바로 이 CRUD가 API.. 이전 1 2 3 다음
