express+typescript 기본 세팅하기1 이번 글에선 node+express+typescript를 이용한 기본세팅 방법에 대해 알아보겠습니다. 우선 백엔드 개발을 하기위한 폴더를 먼저 만들어줍시다. 저는 server라는 폴더를 만들어 그 안에서 백엔드 개발 blog.doyeonism.com 저번 글에선 node+express+typescript로 백엔드를 세팅하는 방법에 대해 알아봤습니다. 이번엔 왜 그렇게 세팅했는지 하나하나 알아보겠습니다. 1. tsconfig.json { "compilerOptions": { "target": "es5", "module": "commonjs", "outDir": "./dist", "rootDir": "./", "baseUrl": "./", "esModuleI..
이번 글에선 node+express+typescript를 이용한 기본세팅 방법에 대해 알아보겠습니다. 우선 백엔드 개발을 하기위한 폴더를 먼저 만들어줍시다. 저는 server라는 폴더를 만들어 그 안에서 백엔드 개발을 진행하겠습니다. 폴더 만들고 폴더로 이동하기 mkdir server cd server 1. package.json만들기 npm init -y 2. 라이브러리 설치하기 npm install --save express npm install --save-dev typescript ts-node @types/node @types/express 3. tsconfig.json만들기 npx tsc --init 4. tsconfig.json수정 { "compilerOptions": { "target": ..
우리는 프론트엔드와 백엔드를 개발하고 프론트엔드에서 백엔드로 api호출할 때 마주치는 에러가 있습니다. 바로 CORS에러입니다. CORS는 Cross Origin Resource Sharing의 약자로 출처가 다른 자원들을 공유한다는 뜻입니다. 한 출처에 있는 자원에서 다른 출처에 있는 자원에 접근하기 위해 허가가 필요하다는 뜻이고 허가 없이 자원을 호출하면 에러를 내보냅니다. Corss - Origin은 총 3가지로 구분합니다. 1. 프로토콜 - http와 https 2. 도메인 - doyeonism.com과 doyeon.com 3. 포트번호 - 3000번과 8080번 Corss Origin의 구분 방법은 위 세가지중 하나라도 다를 경우 다르다고 규제합니다. 그래서 우리가 localhost에서 프론트엔..
