정의서버와 클라이언트 간의 메시지를 교환하기 위한 통신 방법 중 하나로 HTTP 같은 통신 프로토콜중 하나이고, TCP 연결 기반으로 서버와 클라이언트가 양방향 통신을 가능하게 합니다. 전화라고 생각하면 될것같습니다.사용하는 이유기존의 사용하던 HTTP 통신은 클라이언
정의OAuth 2.0 프로토콜은 Third-Party 프로그램(구글 / 카카오 / 네이버 등등)에게 리소스 소유자를 대신하여 리소스 서버에서 제공하는 자원에 대한 접근 권한을 위임하는 방식을 제공합니다.요약간단히 말하자면 내가 어떤 프로그램 서비스를 만들었을때 회원가입
os 모듈 정의 운영체제와 시스템의 정보를 가져올 수 있는 nodejs에 내장되어 있는 모듈입니다. 따라서 실행하는 운영체제에 따라 path값이 다르게 표기되는것을 확인 할 수 있습니다. 운영체제예시 -윈도우(Windows), 맥 OS(Mac OS), 리눅스(Li
정의multer는 form태그에 enctype="multipart/form-data"를 처리하기 위한 node.js 미들웨어입니다.설치npm install multer사용방법EX) 파일을 저장할 폴더와 파일을 저장할 파일명 정해줍니다.또 파일명이 중복되는것을 방지하기
교수님이 쉬는날 내주신 과제로 서버 나눠서 작업하는 연습도 할겸 회원가입 페이지를 만듭시다. front server package.json 서버를 나눠서 작업하니 두 폴더 모두 각각 필요한 라이브러리를 설치해줍니다. 프론트 서버 server.js ( GET )
정의axios는 HTTP 통신을 하는데 XMLHttpRequest, fetch보다 가장 인기있는 javascript 라이브러리 입니다.장점요청을 중단시킬 수 있습니다.응답 시간 초과를 설정하는 방법이 있습니다.JSON 데이터 자동변환이런것들이 있다고 합니다. JSON
정의fetch는 XMLHttpRequest보다 최근에 나오고 보다 사용하기 간단해진 Web API입니다.fetch함수는 Response객체를 둘러싼 Promise객체를 리턴합니다.그래서 Promise의 메소드인 then을 사용해서 resolve값을 얻을수 있습니다.fe
nodejs로 express로 서버를 열었을때 서버를 안끄고 종료하면 가끔 이런 에러가 나오는것 같습니다.. 매번 구글링해서 해결하기 귀찮아서 간단하게 써보겠습니다!열려있는 포트 찾기lsof -i tcp:포트넘버해당 포트 죽이기kill -9 " PID값 "( PID값은
nodemon 설치방법 npm install nodemon 사용용도 코드를 수정하면 서버를 자동으로 restart 해준다. 하지만 nunjucks 템플릿 엔진에서는 살짝 에러가 있어서 npm install chokidar로 chokidar를 설치해주어야 한다. c
ajax (Asynchronous Javascript and XML) 정의 브라우저에서 URL 입력없이 요청을 보내고 응답을 받는 역할을 합니다, javascript로 비동기 통신을 할때 사용하는 형태가 XML인것을 말하는데 요즘은 JSON 형태를 많이 사용합니다.
정의텍스트를 컴퓨터가 저장하고 있는 형태를 보여주는것.byte bit를 컨트롤 할 수 있는것이 Buffer입니다.Buffer.from()ingoo라는 텍스트를 컴퓨터가 저장하는 방법Buffer에서 사용할 수 있는 인코딩ascii (아스키 코드)utf-8 (UTF-8)
ex) http://google.com:80/path1/path2/path3?=querhstring=value// http:// = 프로토콜을 의미 합니다.// google.com = host name을 의미 합니다.// :80 = PORT를 의미 합
CURL > 팀프로젝트를 하다보면 프론트엔드와 백엔드를 나눠서 작업하는데 이때 백엔드를 작업해보니 결과값을 보지 않고 작업을 해야해서 나중에 branch를 합쳐 결과를 확인해보니 에러가 발생하여 다시 백엔드를 수정해야 하는 불편함이 있었다. 이를 CURL을 사용하여 극
정의app.get , app.post 같은것들을 라우터라고 합니다.get, post는 request method 라고 합니다역할라우터들의 역할은 요청 URL에 따라 미들웨어를 실행시켜 줍니다. 요청에 따른 처리를 하는 부분살짝 주문받는 웨이터 느낌..?라우터를 분리하여
정의세션은 쿠키와 다르게 방문자의 요청에 따른 정보를 웹 서버가 세션 아이디 파일을 만들어 서비스가 돌아가고 있는 서버에 저장을 하는것을 말한다.쿠키에 비해 보안도 높다.하지만 서버에 저장하는 데이터가 많으면 과부하?가 걸릴수 있어 이럴경우 세션이 아닌 쿠키를 사용하여
정의cookie는 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일입니다.cookie의 데이터 형태는 key와 value로 구성되어 있습니다.사용목적세션 관리(Session Manage
정의Nunjucks는 템플릿 엔진중 하나로 자바스크립트를 사용해서 HTML를 렌더링할 수 있게 해줍니다.HTML이 하는 역할 부분과 , express가 하는역할을 구분하기 위해서 사용합니다.설치 및 셋팅터미널에서 npm install nunjucks로 설치해주고pack
callback 콜백함수 // 동기 비동기 동기와 비동기를 알아보기위해 이런식으로 코드를 짜고 실행을 하게되면 어떤식으로 출력될까 확인해보자 출력 결과 출력된 순서로 코드를 확인해보면 1 = console.log(1) // 동기 3 = console.log(3
템플릿 리터럴 ES6부터 새로 도입된 문자열 표기법 > 기존 문자열 표기법과 달리 ( ` ) 백틱을 사용하여 표기한다 파란색 ${ } 안에 값은 바로 문자열로 출력되어 전보다 간단하게 문자열을 표기할 수 있다. 결과 객체 리터럴 ES6부터 객체 리터럴을 생성할
home 디렉토리에서 suhwan 디렉토리로 이동 후 node 디렉토리를 만들어 주었다.node 디렉토리에서 code . 으로 visual studio를 켜고 server.js 파일을 하나 만들어 주었다.잘 연결됐는지 확인연습이라 자세히 입력하지 않고 enter만 눌러