Namu Study

Routing은 클라이언트의 요청 조건에 대응해 응답하는 방식을 결정하는 것 입니다. Router는 클라이언트의 요청을 쉽게 처리할 수 있게 도와주는 Express의 기본 기능입니다. app.js에서 routing을 바로 수행해도 되지만 router를 사용하면 기능별로 route를 쪼갤 수 있고 app.js의 코드가 길어지는 것을 방지할 수 있다. Router는 미들웨어 기반으로 구현된 객체이므로 미들웨어와 동일한 방식으로 작동됩니다. 사용방법 별도의 js파일 생성 미들웨어 사용과 유사한 형식으로 router 사용을 위한 코드작성 app.js에서 router를 사용할 수 있게 exports app.js에서 router코드를 받기 특정 경로를 통한 요청은 router를 이용해서 응답

웹 서버에서 클라이언트의 모든 요청에 대해 공통적인 처리를 하고싶을 때 사용합니다. (파이프 역할) 브라우저가 보낸 데이터를 쉽게 사용할 수 있게 변경하기 위해 사용합니다. (전처리, 에러 처리 역할 도 같이 수행) Apache, Nginx 같은 웹 서버에도 모듈이라는 매우 유사한 개념이 있습니다. 미들웨어의 기본 형태 app.use((req, res, next) => { // 필요한 코드 }); req: request HTTP Headers, Query Parameters, URL 등 브라우저가 서버로 보내는 정보들이 담겨 있습니다. res: response 어떤 HTTP Status Code로 응답 할지, 어떤 데이터 형식으로 응답 할지, 헤더는 어떤 값을 넣어 응답 할지 다양한 기능을 제공합니다. ..

Express.js란? Express.js는 node.js로 서버를 빠르고 간편하게 만들 수 있게 도와주는 웹 프레임워크 입니다. 터미널에서 express 설치하기 npm i express express를 이용한 간단한 app.js 서버 코드 const express = require("express"); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send("Hello World"); }); app.listen(port, () => { console.log(port, "포트로 서버가 켜졌어요!") }); //실행은 powershell 터미널에서 node app.js Express 미들웨어: https://expre..

웹 서버란? 인터넷에서 HTTP를 이용한 클라이언트의 요청에 응답하는 컴퓨터 이메일, 웹 사이트 등 대부분의 인터넷을 이용한 서비스는 웹 서버를 통해 사용할 수 있습니다. 웹 서버의 기본 동작 원리 브라우저를 통해 HTTP request로 웹사이트를 웹서버에 요청합니다. 웹 서버는 요청을 승인하고 HTTP response를 통해 웹 사이트 데이터를 브라우저에 전송합니다. 브라우저는 서버에서 받은 데이터를 이용해 웹사이트를 브라우저에 그립니다. 자세한 내용은 브라우저의 개발자 도구의 네트워크 탭에서 확인할 수도 있습니다.

HTTP 데이터를 주고 받는 양식을 정의한 프로토콜(통신규약)입니다. 매우 범용적인 양식을 가지고 있어 전 세계에서 제일 널리 쓰이는 프로토콜입니다. HTTP가 데이터를 주고 받는 방법 Request, Response라는 개념이 존재합니다. request하면 response가 있어야합니다. 서버와 브라우저의 관계 브라우저(클라이언트)는 서버에게 자신이 원하는 페이지(URL 등의 정보)를 요구(Request)합니다. 서버는 브라우저가 원하는 페이지가 있는지 확인하고, 있다면 해당 페이지에 대한 데이터를 반환(Response)해줍니다. 없다면 없는 페이지에 대한 데이터를 반환합니다. (404에러 관련 페이지) 브라우저는 서버에게 전달 받은 데이터를 기반으로 브라우저에 그려줍니다. 상태를 저장하지 않습니다.(..

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. 저장할 배열 = 테스트할 배열.filter(element(이름은 아무거나 설정 가능) => 조건(element로 요소를 받아서 테스트를 진행한다.); https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org https://namu445.tistory.com/26 나누어 떨어지는 숫자 ..

push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 새로운 길이의 배열을 반환합니다. 값을 넣을 배열.push(넣을 값) apply와 같이 사용하면 여러 배열을 합칠 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push Array.prototype.push() - JavaScript | MDN push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다. developer.mozilla.org https://namu445.tistory.com/12 없는 숫자 더하기 문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 배열 numbers가 매개..

includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. -> true : false로 응답합니다. 검색 대상.includes(검색 값 또는 배열, index(검색 시작 위치, 옵션입니다.)) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/includes Array.prototype.includes() - JavaScript | MDN includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. developer.mozilla.org https://namu445.tistory.com/12 없는 숫자 더하기 문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 배열 nu..

숫자의 정수 부분을 반환합니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math Math - JavaScript | MDN Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. developer.mozilla.org 사용 예시 https://namu445.tistory.com/11 문자열을 정수로 바꾸기 문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루 namu445.tistory.com

문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예 numbers result [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 입출력 예 #1 2 = 1 + 1 입니다. (1이 numbers에 두 개 있습니다.) 3 = 2 + 1 입니다. 4 = 1 + 3 입니다. 5 = 1 + 4 = 2 + 3 입니다. 6 = 2 + 4 입니다. 7 = 3 + 4 입니다. 따라서 [..