Node.js & Javascript(5)
-
자바스크립트 전개 연산자(Spread Operator)
1. 전개 연산자(Spread Operator) 전개 연산자는 문자, 배열이나 객체 등 여러 요소로 합쳐진 데이터를 개별 요소로 활용가능하도록 하는 연산자입니다. 배열 등의 앞에 "..."를 붙여주는 것으로 사용가능합니다. 전개 연산자 표현 const numArray = [3,4] const add = (x,y) => x + y; add(...numArray); // return 7 2. 활용법 배열 const array1 = [10, 20]; const array2 = [30, 40]; const array3 = [...array1, ...array2, 50]; // [10,20,30,40,50] 함수 const numArray = [3,4,7]; const add = (x,y,z) => x + y +..
2023.01.28 -
Node.js에서 axios 활용하기
1. axios란 브라우저나 Node.js에서 비동기로 http 통신을 하기 위한 도구입니다. npm install axios를 통하여 설치할 수 있으며, 비슷한 라이브러리로 reqeust 등이 있습니다. promise 용법 활용이 가능합니다. 2. 사용법 const axios = require('axios'); axios({ method: "post", // 요청 방식 url: "/write/1130", // 요청 주소 data: { id: "byeolgori502", name : "별고리" } // 제공 데이터(body) }); 아래와 같이 별칭을 지정할 경우 위의 세 가지 속성을 따로 지정해 주지 않아도 됩니다. const axios = require('axios'); axios.post("/wri..
2023.01.07 -
chrome으로 node.js 디버깅 하기
1. 서버 실행 서버를 실행할 때 --inspect를 붙여서 실행해 줍니다. 2. chrome::/inspect 접속 브라우저를 통하여 chrome://inspect로 접속하면 아래와 같은 화면이 등장합니다. 3. DevTools 진입 위의 화면에서 inspect를 클릭하면 아래와 같은 창이 생깁니다. 4. 디버깅 node.js 코드 상에서 디버깅하고 싶은 부분에 debugger; 코드를 작성하고, 요청을 보내면 아래 사진과 같이 debugger;를 작성한 곳에서 실행이 멈춥니다. 해당 상태에서 DevTools의 console에 변수 등을 입력하면 현재 값을 알 수 있습니다. 수정할 부분이나 궁금하신 게 있다면 언제나 질문해 주세요!!!
2022.12.24 -
자바스크립트 function 함수와 화살표 함수
함수 선언 #1 function 함수 선언 function add(x,y){ return x + y; } // 또는 익명함수 선언 const add = function (x, y){ return x + y; } #2 화살표 함수 표현 const add = (x,y) => { return x + y; } 함수 내용이 한 번으로 끝날 경우 아래와 같이 선언도 가능합니다. const add = (x,y) => x + y; 화살표 함수 표현의 특징 화살표 함수(Arrow function)는 ES 2015 버전에서 처음 등장한 표현 방식으로 기존 function 함수 선언보다 간단하게 함수를 선언할 수 있습니다. 화살표 함수는 언제나 익명 함수로 선언되며, 별도 변수에 할당하는 것은 가능합니다. 익명 함수: 이름..
2022.09.04 -
Node.js에서 JSON 활용하기
JSON 이란 무엇인가 #1 JSON JSON은 JavaScript Object Notation의 약자로 XML 등과 같은 데이터 전송 방식 중 하나입니다. #2 JSON 구조 JSON은 key 값과 value 값으로 이루어져 있습니다. { "id" : "byeolgori502", "name" : "별고리" } 위와 같이 id와 "byeolgori502" 로 이루어져 있는 key-value 값, name과 "별고리"로 이루어진 key-value으로 구성된 JSON 데이터처럼 JSON은 key 값과 value 값으로 구성되어 있습니다. 이 때, value로 올 수 있는 데이터 타입은 다음과 같습니다. - 숫자(Number) ex) 5, 0.7, -39 - 문자열(String) ex) "문자열" - 불리언(..
2022.08.25