안녕하세요! 이번 글에서는 요새 핫한 프로젝트인 nextjs 를 활용하여 프로젝트를 생성하는 법을 기술하고자 합니다. 가장 먼저 Node.js와 Node Package Manager인 npm을 설치해보도록 하겠습니다. $ brew install node$latest $ brew install npm 그리고 설치가 완료되면 npx 명령어를 활용해 nextjs 프로젝트를 생성합니다. $ npx create-next-app@latest --typescript 다음으로 추가적으로 설치하는 패키지를 물어봅니다. Need to install the following packages: create-next-app@latest Ok to proceed? (y) y 다음으로 프로젝트의 이름을 물어봅니다. What is ..
이전 글에서 Java 에서 cors에 대해 설정하는 글이 있었다면, 이번에는 Node.js를 사용하여 서버를 구축했을 때의 cors 처리법을 기술해보고자 합니다. 가장 먼저 cors를 설치합니다. # http, express, cors 모듈 설치 $ npm install http express cors 1. 모두에게 허용하기 다음과 같이 cors를 설정하면 모두에게 허용이 됩니다. // index.js const http = require('http') const express = require('express') const app = express() const server = createServer(app) const cors = require('cors') const port = 8080 app.u..
이번 글에서는 console.log를 사용하여 터미널에 출력이 되도록 설정하는 작업을 하려 합니다. 먼저 package.json 파일에 들어가서 name과 같은 레벨에 다음과 같이 소스를 추가합니다. "scripts": { "start": "node index.js", "prestart": "tsc" } script는 yarn 명령어를 사용하여 터미널에 어떤 명령어가 실행될지 설정하는 곳입니다. 위와 같이 작성하면 yarn start 명령어를 하였을 때 아래와 같은 효과가 발생하죠 typescript > tsc typescript > node index.js 그 다음으로 index.ts 파일에서 alert로 되어 있던 부분을 console.log로 변경합니다. 이후 터미널에 yarn start 명령어를 ..