백엔드/node.js20 node.js 백엔드 맛보기 강의 영상 정리17. 서버의 응답데이터 처리 in 프런트, console.error success가 true면 루트 화면으로 이동하고 false면 alert(경고창)을 띄우겠다. 에러 발생한 것 표시 2023. 8. 14. node.js 백엔드 맛보기 강의 영상 정리16.로그인 인증 기능 만들기 in 서버 1. 서버에 저장할 데이터(사용자의 아이디, 비밀번호)를 임시로 만들어준다. 2. process 안의 로그인 기능 구현(if문) 3. login.js에서 then을 이용해 서버에서 응답한 데이터 다시받기 # fetch code의 변화를 적용하기 위해서는 서버를 새로 고침해주어야 한다. 2023. 8. 14. node.js 백엔드 맛보기 강의 영상 정리15.로그인 API 만들기 in 서버 | 프런트의 요청데이터 파싱 | body-parser->express index.js에 api를 만들것이다. fetch에 기록해놓은 형태의 데이터를 받을 수 있는 api-> POST api login기능을 처리해줄 process 함수를 작성, index.js에 post api를 만든다. 1. router.post("/login", ctrl.process.login); ^index.js 2. 오브젝트 정리 3. bodyparser 설치 - > express로 통합되었다. 변경 전) const bodyParser = require("body-parser"); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended: true})); ^app.js에 변경 후 2023. 4. 10. node.js 백엔드 맛보기 강의 영상 정리14. 프런트에서 서버로 데이터 보내기 fetch가 프론트 - > 서버의 전달을 담당한다. 1. fetch를 통해 브라우저에 입력한 id, psword를 서버에 전달하기 프론트의 전달 과정 fetch("/login", { method:"POST", headers: { "Content-Type": "application/json", //Content-Type 내가 보내는 데이터의 타입을 명시한다. }, body: JSON.stringify(req), //stringify : 문자열 }); 2.rest API 2.1 rest API가 필요한 이유 2.2 3. fetch란 fetch란? : 자바스크립트에서 => 서버로 네트워크 요청(request)을 보내고 응답(response)을 받을 수 있도록 해주는 메서드 ajax를 이용해 비동기 통신을 가능.. 2023. 4. 10. node.js 백엔드 맛보기 강의 영상 정리13.DOM으로 HTML객체 제어하기 html문서에서 로그인 기능을 구현을 해볼 것이다. 프론트 단의 기능을 구현 로그인 버튼이 눌릴때, 해당 값이 서버로 전달이 된다. DOM이 html에 존재하는 값을 javascript에서 제어할 수 있게 해준다. 1.login.js "use strict"; //login.ejs 와 연결 const id = document.querySelector("#login_id"); const psword = document.querySelector("#psword"); const loginBtn = document.querySelector("#login_bt"); //ejs의 태그 파일에 명시된 선택자 loginBtn.addEventListener("click",login); function login(){ co.. 2023. 3. 21. node.js 백엔드 맛보기 강의 영상 정리12.nodemon으로 서버 띄우기 nodemon을 사용하면 일일이 서버를 껐다켰다 안해도 됨. 1. npm install nodemon -g 전역으로 설치 2. nodemon ./bin/www.js 3. npm start 명령어 바꾸기 2023. 2. 23. 이전 1 2 3 4 다음
