분류 전체보기

오늘 수업 내용 📚 API - POST를 이용하여 데이터 입력하기 API - postman을 사용하자 Invalid character in header content ['Host'] 강사님이 작성한 코드를 그대로 작성하는 게 아닌 내 생각을 기반으로 하기 때문에 조금씩 다른 부분들이 존재했습니다. 일단 key값을 설정하는 방식이 달랐습니다. db.set(key, value) 기존에 이 형태로 데이터를 입력을 했는데요. value는 req.body가 객체로 받사오니 그대로 입력을 하면 문제가 없었지만 key의 값은 특정 값을 받아올 수 없어서 그 부분을 해결하고자 했습니다. key 형태가 1,2,3이었기 때문에 다음에 등록을 하게 되면 4 그다음은 5가 순차적으로 와야 한다고 생각을 했고, Map의 속성을..

API 설계는 거창한 게 아니라 쉽게 말하자면 URI(URL)과 method로 이루어져 있는 것을 말합니다. 그렇다면 어떻게 API설계를 하면 될까요? ✨ localhost:8080/users/:id에 접속을 하면 id를 map에서 객체를 찾아 해당 객체의 정보를 넘김 URI : localhost:8080/users/:id method : GET - req : params.id(유저의 번호로 map에 저장된 key값을 전달하는데 사용) - res : map에서 id로 객체를 조회해서 정보를 전달 ✨ localhost:8080/users에 접속하여 data를 입력한뒤 서버에 전송을 하면 유저 등록 URI : localhost:8080/users method : POST - req : req.body로 유저..

GET요청을 URI를 통해 했었는데요 개인정보가 들어가는 아이디, 패스워드, 번호 등과 같은 개인정보를 URI에 담을 수 있을까요? 절대 그렇게 해서는 안됩니다. 그렇다면 개인정보를 필요로 하는 등록 할 때 쓰이는 POST, 수정하는 PUT, 삭제하는 DELETE 사용 시 제대로 등록이 되고 수정이 되고 삭제가 됐는지 어디서 어떻게 확인을 해야 할까요? postman postman은 req.query, req.body, req.params를 확인할 수 있는 애플리케이션이며 GET, POST, PUT, DELETE 외에도 PATCH, HEAD, OPTIONS 같은 값도 확인이 가능합니다. postman 다운로드 postman 시작하기 Method 선택 확인할 주소 입력 request 존으로 params, ..

오늘 수업 내용 📚 Map 객체를 이용하여 API 실습 express-generator 알아보기 다양한 형태의 함수 형태 Map 객체를 배운 후에 간단하게 API 실습을 진행했는데요. 하나하나 강의를 들으며 코드를 따라 쓰는 게 아니라 강사님이 조건을 제시하면 우리가 먼저 작업을 해보고 그 작업과 해설이 일치하는지를 확인하는 게 내가 생각을 할 수 있게 해주는 느낌을 받았습니다. 또한 실습을 한 번만 하는 게 아니라 여러 번 반복을 통해 express 구조를 익힐 수 있었습니다. express에서 제공하는 기본 폴더 구조를 알아보기 위해 express-generator를 이용도 해봤는데요. 나혼자 작업이고 큰 프로젝트가 아니어서 대부분 그냥 하나의 폴더에 js파일들이 넘쳤는데 express-generat..

함수의 형태는 크게 4가지가 있습니다. 일반함수 선언문 일반함수는 function을 사용하여 매개변수를 받을 수 있고, return을 통해 값을 반환할 수 있습니다. function func1(a, b){ return a + b } 일반함수 표현식 선언문의을 변수에 담아 사용하는 형태로 function의 이름이 변수명으로 나옵니다. const func2 = function(a, b){ return a + b } 화살표함수 ES6버전부터 추가 됐으며 function을 생략하고 괄호와 중괄호 사이에 화살표를 넣어서 표현을 합니다. const func3 = (a, b)=>{ return a + b } 화살표 함수의 리턴생략 화살표 함수사용을 할때 함수 안에 바로 return을 받으고 한 줄인 경우에는 중괄호와..

사용한 기술 express 객체 Map params parseInt // express 모듈셋팅 const exporss = require("express"); const app = exporss(); // 데이터 셋팅 const youtube1 = { chennelTitle: "십오야", sub: "593만명", vidioNum: "993개" }; const youtube2 = { chennelTitle: "침착맨", sub: "227만명", vidioNum: "6.6천개" }; const youtube3 = { chennelTitle: "테오", sub: "54.8만명", vidioNum: "726개" }; const db = new Map(); db.set(1, youtube1).set(2, you..

express에서는 아주 감사하게도 빠르게 웹사이트를 만드는데 도움이 되는 틀을 만들어놨는데요. 바로 express-generator입니다. $ npm install -g express-generator $ express create : public\ create : public\javascripts\ create : public\images\ create : public\stylesheets\ create : public\stylesheets\style.css create : routes\ create : routes\index.js create : routes\users.js create : views\ create : views\error.jade create : views\index.jade cr..

객체에 접근하는 방법으로는 점 표기법과 괄호 표기법이 존재합니다. 1. 점 표기법 점 표기법은 접근할 객체 변수뒤에 닷(.)을 입력한 뒤에 key값을 입력하는 형태를 가집니다. 데이터 값 가져오기 const obj = {'name' : 'kim', 'age' : 20, 'phone': '01012345678'} console.log(obj.name) // kim console.log(obj.age) // 20 console.log(obj.phone) // 01012345678 데이터 추가하기 const obj = {'name' : 'kim', 'age' : 20, 'phone': '01012345678'} // obj.추가할key = 추가할value obj.like = 'doll' console.log(..

오늘 수업 내용📚 req.params와 req.qeury 객체의 비 구조화 할당 네이밍 케이스 Map 객체를 이용하여 화면에 출력하기 params와 query를 배우니 이 둘과 세트로 절대 빠지지 않는 req.body를 같이 정리해 보았습니다. 노드 공부하면서 가장 많이 사용하기도 했고 해당 data를 넘기는 body를 그냥 넘기면 안될것 같았습니다. 대게 req.params와 query는 GET 메서드에서 많이 사용되지만 body의 경우 데이터를 넘기기 위해 POST 메서드에서 사용을 많이 한다는걸 깨달았던것 같습니다. 또 충격을 받은 것중 하나는 바로 비구조화 할당인데요 이전에 node 프로젝트 연습할때 const [list] = await pool.query(pageListSql);라는 코드를 쓴적..