Cors 에러 해결하기 (feat. 서버에서 해결하는 방법)
·
백엔드/node.js
실습을 진행하면서 next.js 로 클라이언트를 구성하고 클라이언트에서 express에서 구현해놓은 API를 요청하도록 해주는 작업을 진행하였다. 그리고 마주한 CORS 에러... 일단 이걸 해결하기 위해서는 CORS에러가 뭔지 알아야한다 CORS 에러란?다른 출처(도메인/포트)의 리소스를 요청할 때 브라우저가 막는 보안 정책 지금은 둘다 로컬인데 이게 왜 발생하느냐 물어본다면 포트번호만 달라도 출처가 다르다고 생각하기 때문이다. 이 에러를 방지하기 위해서는 서버에서 CORS 설정으로 요청을 허락해주도록 수정해주어야한다. 일단 express 프로젝트에서 cors 패키지를 설치해준다 npm install cors 그리고 express 서버를 구축한 프로젝트 내의 app.js 파일에서 아래와 같은 코드를 ..
JavaScript에 대하여 기본 문법 및 개념 정리
·
프로디지털아카데미/JavaScript
JavaScript란?동적인 DOM을 위해 개발 된 것. 웹 브라우저 내에서 주로 사용되지만 최근 node.js같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있음특징: 단순하고 간단, 방대한 라이브러리, 플랫폼 독립적인 오픈소스nvm이란?여러버전의 node.js 를 설치할 수 있도록 해주는 도구Node.jsJavaScript 런타임 환경브라우저 환경이랑은 이용할 수 있는 리소스에 차이가 있음*런타임: 특정 언어로 만든 프로그램들을 실행할 수 있는 환경NPMJS 오픈소스 라이브러리 생태계변수자료형var - 옛날 문법let - 변수const - 값을 바꿀 수 없을 때 사용연산자자바 스크립트에서는 == / ! = 은 데이터 타입 반영 안해서 비교형 고려해서 비교하려면 === / ! ==Closure특정..