![]()
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(..
1. CORS 1) 개요 (1) SOP (Same-Origin Policy) 동일 출처 정책. 같은 출처의 리소스만 공유가 가능하다. SOP에서 말하는 출처(Origin) 프로토콜, 호스트, 포트가 모두 같아야 한다. 하나라도 다르면 동일출처로 보지 않는다. protocol / host / port https://www.abcdef.com:443/about 예시) https://www.testsite.com CORS 사용 (2) CORS(Cross-Origin Resource Sharing) : 교차 출처 리소스 공유 CORS는 추가 HTTP 헤더를 사용하여 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제. => SOP에 의해..
let과 const의 차이 시멘틱 요소란 flex 속성 정리 grid 속성 정리 innerHTML / textcontent의 차이 CLI 명령어 정리 npm, Node.js, nvm, git 설정방법 정리 rwxr-xr-x / rw-r--r-- 명령어 알아보기 -h / --help 옵션 알아보기 JSON을 javascript 배열의 형태로 바꾸는 방법 스코프 클로저 Strict Mode https://ko.javascript.info/strict-mode 즉시 실행 함수 표현식(IIFE) https://ko.javascript.info/var#ref-21 변수 호이스팅과 TDZ https://poiemaweb.com/es6-block-scope#13-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED..
정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 제한사항 -10,000 ≤ numbers의 원소 ≤ 10,000 2 ≤ numbers 의 길이 ≤ 100 입출력 예 numbers result [1, 2, -3, 4, -5] 15 [0, -31, 24, 10, 1, 9] 240 [10, 20, 30, 5, 5, 20, 5] 600 입출력 예 설명 입출력 예 #1 두 수의 곱중 최댓값은 -3 * -5 = 15 입니다. 입출력 예 #2 두 수의 곱중 최댓값은 10 * 24 = 240 입니다. 입출력 예 #3 두 수의 곱중 최댓값은 20 * 30 = 600 입니다. function soluti..
문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1
