프로그래밍📚

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, ..

함수의 형태는 크게 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에서는 아주 감사하게도 빠르게 웹사이트를 만드는데 도움이 되는 틀을 만들어놨는데요. 바로 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(..

Map이란? map은 key-value를 한쌍으로 가지는 객체입니다. 이때 key값은 고유해야 하며 값은 변경이 가능합니다. Map 시작하기 const db = new Map(); Map 생성은 아주 간단합니다. new Map()을 통해 새로운 객체를 생성하면 되는데요. 생성을 했으니 Map에 데이터를 넣어봅시다. Map 데이터 삽입 // db.set(키, 벨류) db.set('lang','javascript') // value값이 객체일때 db.set('lang',{a : 'javascript', b : 'node'}) // key값이 객체일때 db.set({key : a}, {lang : 'javascript'}) // 여러개를 삽입할때 - 체이닝 db.set('name':'kim').set('age..

폴더, 파일, 변수, 함수, 클래스명과 같은 이름을 정할 때 아무렇게 짓는 게 아니라 그들만의 규칙이 존재합니다. [snake_case], [kebab-case], [camelCase], [PascalsCase]가 존재하는데요. [kebab-case]와 [snake_case] ex. object-api-demo.js, demo-api 폴더나 파일에 자주 쓰이는 kebab-case와 snake_case, 이 둘은 알파벳 소문자를 사용하며 두 개이상의 단어를 합칠 때 단어 사이에 kebab-case의 경우는 하이픈('-'), snake_case의 경우에는 언더바('_')를 사용을 해줍니다. 둘 중에 하나를 사용하시되 꼭 통일해야 한다는 점 잊으시면 안 됩니다. [camelCase] ex. productNam..

express에서 제공하는 request 객체에는 우리가 사용하는 body, query, params라는 속성이 존재합니다. 각각 어떤 걸 내포하는지 어떤 의미인지 알아봅시다. req.params 라우터의 매개변수로 /:nickname/:num이라는 경로가 존재할 때 각각의 nickname과 num이라는 속성을 req.params.nickname, req.params.num으로 받아올 수 있습니다. 예시 : https://www.youtube.com/@tvNDENT 이런 주소가 존재할 때 https://www.youtube.com/:계정명으로 로 경로를 받고 req.params.계정명으로 값을 받아올 수 있습니다. req.query 주소의 뒤에 /:prams?name=이름데이터&age=나이데이터로 작성된..

비구조화 할당이란? 다른 말로 구조 분해 할당이라 하며 배열이나 객체의 속성 혹은 값을 해체하여 그 값을 개별 변수에 각각 담아 사용하는 자바스크립트 표현식을 말합니다. 배열의 비구조화 할당 // 기존 배열의 변수 할당 const array = [1,2,3,4,5] const num1 = array[0] const num5 = array[4] console.log (num1, num5) // 1, 5 // 비구조화 할당 const [num1, num5] = [1,2,3,4,5] console.log(num1,num5) // 1, 2 // 비구조화 할당 시 새로운데이터 추가 const [num1, num5, num6 = 6] = [1,5] console.log(num1, num5, num6) // 1,5,..

서버에서 데이터 전달하기 express를 통해서 서버를 구동하는 것까지 배웠다면 response 즉 응답을 통해 데이터를 전달하는 방법에 대해서 이야기해 보려고 합니다. app.get('/products/1',(요청, 응답)=>{ 응답.send('상품이름') }) 데이터를 전송하는걸 우리는 이렇게 배웠는데요. 보통 우리가 데이터를 전송을 할 때 데이터는 하나의 값만 가지는 경우가 많이 없습니다. 예를 들어서 이런 티켓예매 사이트를 운영한다고 가정하면 공연제목, 장소, 기간, 시간, 연령, 가격, 포스터 등등 다양한 정보를 받습니다. 이런 경우에는 어떻게 데이터 정보를 넘겨야 할까요? app.get('/products/1',(요청, 응답)=>{ 응답.send('공연명') 응답.send('공연장소') 응답...