로이팩토리

node는 기본적으로 동적 파일별로 접근을 선언해서 사용합니다. 때문에 정적 파일인, 이미지 파일(jpg, png, gif, 등)나 스크립트 파일(js) 등 정적 파일에 대해서 일일이 선언해서 사용하는 건 뭔가 불필요한 작업으로 보입니다. 이를 해소하기 위해서 express라는 미들웨어 함수를 사용하게 됩니다. 1. express 설치 > npm i express --save 2. 서버 스크립트 내 express 사용 추가 let express = require('express'); let app = express(); ... app.use(express.static('public'); app.use(express.static('files'); 이렇게 public이라는 폴더나 files라는 폴더를 선언해..

만약 다음과 같은 오류가 발생한다면 아래의 처리 방법을 활용해볼 만합니다. '--save --legacy-peer-deps' 추가 $> npm install react-three-fbx-viewer --save --legacy-peer-deps

만약 아래와 같이 오류가 발생한다면 한 번 시도해볼 만합니다. 터미널에 아래와 같이 순서대로 입력합니다. $> npm cache clear -- force $> npm install​

Node 초기화 npm init 정적 파일을 위한 express 모듈 설치 npm install express --save server.js 파일 작성 서버실행 node server.js React project 설치 npx create-react-app {내 프로젝트} React project 실행 cd {내 프로젝트} npm start

Recat는 기본적으로 Port가 3000번으로 열린다. 때문에 해당 설정 값을 80으로 변경이 필요합니다. 해당 설정파일은 아래의 경로에 존재합니다. {my_project}/node_modules/react-scripts/scripts/start.js 해당 소스에서 3000을 80으로 변경해주고 NodeJS를 재시작해주면 localhost 뒤에 기본포트(80)이 적용되어 포트가 뜨지 않음을 확인할 수 있습니다. DEFAULT_PORT 변경 : {my_project}/node_modules/react-scripts/scripts/start.js Node 재시작 $> npm start