보호되어 있는 글입니다.
study

오늘은 Express 프레임워크로 서버를 만드는 솔로 프로젝트를 했다. 기본 서버 구현 내용은 간단하다. ✅ 기본 형태로 서버 구현 1. 서버 틀 만들고 필요한 경로로 라우팅하기 코드를 보면 가장 먼저 express 모듈을 불러온다. (express는 npm으로 설치가 필요하다) cors 처리를 해줄 cors 미들웨어와 http 요청 logger를 편하게 사용할 수 있는 미들웨어인 morgan을 설치하고 불러온다. morgan은 요청과 응답에 대한 정보를 콘솔에 기록한다. tiny 옵션을 사용하면 최소화된 로그를 확인할 수 있다. app.use()를 통해서 모든 요청에 적용하도록 한다. 미들웨어는 순서가 중요하기때문에 다른 코드들보다 상위에 위치하도록 해야한다. 포트는 4000번으로 열고, 곧 작성할 d..
문제 설명 정수 num과 k가 매개변수로 주어질 때, num을 이루는 숫자 중에 k가 있으면 num의 그 숫자가 있는 자리 수를 return하고 없으면 -1을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 Number(el) === k); return idx !== -1 ? idx + 1 : idx } https://school.programmers.co.kr/learn/courses/30/lessons/120904
문제 설명 머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ order ≤ 1,000,000 입출력 예 order result 3 1 29423 2 입출력 예 설명 입출력 예 #1 3은 3이 1개 있으므로 1을 출력합니다. 입출력 예 #2 29423은 3이 1개, 9가 1개 있으므로 2를 출력합니다. function solution(order) { // order를 문자열로 변환 => 배열로 변환 // filter :..
보호되어 있는 글입니다.

Express 프레임워크로 만든 서버로 API 문서에 정의된 요청을 수행하는 코드를 작성하는 과제를 진행했다. 기본적인 서버의 구조로 CRUD 기능을 실습해 볼 수 있었다. 1. 조회(Read) GET /flight 파라미터가 없을 경우 데이터에 저장된 모든 항공편을 조회 추가로 사용할 수 있는 파라미터 departure_times(출발시간, string, 필수아님) arrival_times(도착시간, string, 필수아님) departure(출발지, string, 필수아님) destination(도착지, string, 필수아님) 응답은 배열에 담긴 객체 형태이고 JSON 형식 💡 req.query, req.params 클라이언트 // 클라이언트 단에서 get요청을 보냄 await axios.get(`..
보호되어 있는 글입니다.

1. CORS 복습 SOP(Same-Origine Policy)가 적용되기때문에 출처가 동일하지 않으면 에러가 발생한다. 출처가 동일하다는 것은 프로토콜+호스트+포트번호가 모두 같다는 뜻이다. 출처가 동일하면 뒤에 다른 패스가 붙어도 동일출처로 인식한다. 출처를 판단하는 주체는 브라우저이다. CORS는 SOP로 인해 발생하는 에러들을 예외처리 하기 위해서 설정된다. CORS 설정으로 인해 다른 출처의 리소스를 사용할 수 있게 된다. 1) CORS의 동작방식 프리플라이트 요청 실제 요청을 보내기 전에 OPTIONS 메서드로 출처가 같은지 확인하는 요청을 서버에 먼저 보낸다. 네트워크 자체에서 OPTIONS 메서드로 사전요청을 보내고, Origin 헤더가 자동으로 설정된다. 서버에서 출처를 정의한 헤더에 들..

node.js로 구현한 서버를 express로 리팩토링하던 도중 이런 에러가 발생했다. post 요청시 상태코드는 문제 없이 200이 뜨는데 필요한 값이 화면에 출력되지 않았다. 확인해보니 fetch로 요청한 데이터를 응답해줄때 문제가 있는 것 같다. 에러 메시지를 읽어보면 1. Uncaught ( in promise ) : promise 문법 오류 2. is not valid JSON : 유효한 JSON 형식이 아님 요청시에는 JSON.stringfy()메서드를 사용해 JSON 형태로 요청을 보내고 있는 것을 확인했기 때문에 아마 응답시에 다시 JSON 형태로 보내주지 않아서 발생하는 에러인것같다. 해결방법 : 응답때 보내주는 데이터를 JSON.stringfy로 변환하여 해결했다 => res.json(..
보호되어 있는 글입니다.