CORS 에러를 해결하는 방법 브라우저에서 기본적으로 API를 요청할 때에, 브라우저의 현재 주소와 API의 주소의 도메인이 일치해야만 데이터를 접근할 수 있는 CORS가 존재합니다. CORS(Cross-Origin Resource Sharing) 에러는 웹 애플리케이션이 다른 도메인, 포트, 프로토콜로부터 리소스를 요청할 때 발생할 수 있는 보안 정책입니다. 만약 CORS 에러가 존재하지 않아 서비스 및 프로젝트가 모든 출처의 접근을 허락한다면, 라이브 데이터가 노출되어서 민감한 정보가 탈취될 수 있습니다. 때문에 보안 정책이 브라우저에서 클라이언트 측에서 적용되었고, 이는 웹 사이트의 리소스를 보호하기 위해 사용됩니다. CORS 에러의 주요 원인은 주로 도메인 불일치와 올바르지 못한 Cross-Ori..
JSON
요즘 들어서 자꾸 사용하는데 한 번도 제대로 배우지 않았던 놈이 있다. 그놈의 이름은 JSON으로 갑자기 튀어나와서는 우리에게 에러를 먹이는 간악한 놈이다. 아직 놈에 대해서 부분적으로 알고 있을 뿐 명확하게는 알지 못한다. 그래서 오늘은 JSON에 대해 자세히 다루어 보고자 한다. What is JSON? JSON에 대해서 우리의 킹무위키는 "일반적으로 서버에서 클라이언트로 데이터를 보낼 때 사용하는 양식"이라고 설명하고 있다. 뭔가 어려운 말이지만, 그냥 서버가 우리한테 주는 데이터의 형식이다. 이런 JSON은 누가 만들었을까? 그것은 바로 "더글라스 미만 잡"의 주인공인 더글라스 크록포드 이다. 탄생 배경도 다소 재밌는데, 과거에도 XML이나 csv 같은 웹표준 양식이 있었다. 이놈들은 아래와 같이..
fs(파일 시스템) 모듈 Node.js의 내장 모듈로 파일을 읽거나 저장하는 기능을 구현할 수 있도록 한다. const fs = require('fs'); 사용전 위 같은 선언을 통해 모듈을 사용하기 위해 불러오는 과정이 필요. 파일을 읽을 때에는 readFile,파일을 저장할 때에는 writeFile를 사용 fs.readFile(파일 경로 [, options], callback)으로 구성되어 있다. option은 인코딩이나 모드를 설정할 수 있다. callback에는 콜백함수로 파일을 열고 수행할 함수를 넣을 수 있다. writeFile도 동일하지만 두번째 인자에 파일에 넣은 내용을 적을 수 있다. fs.readFile('test.txt', 'utf8', (err, data) => { if (err) ..
동기와 비동기 처리란? 동기 처리란 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것을 의미한다. 즉 하나하나 식 순차적인 작업을 수행하는 것. 비동기 처리란 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드들을 수행하는 것을 의미한다. 여러가지 작업을 동시에 수행하는 것. JS는 싱글 스레드 기반이기에 기본적으로 동기적으로 작업을 처리한다. 그러나 비동기 처리는 전체적인 작업 시간 단축이 가능하기에 JS에서 구현이 가능하다. 타이머 관련 API 브라우저에서 기본적으로 제공하는 API로 시간에 관한 기능을 비동기로 작동하도록 구성되었다. setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행하는 API. 밀리초단위로 설정이 가능하며, 임..