create-react-app과 express

본문 바로가기

create-react-app과 express

작성일 2021.10.09댓글 1건
    게시물 수정 , 삭제는 로그인 필요

제가 express랑 pug로 간단한 웹페이지를 만들고 있었는데요.
프론트엔드 부분에서 좀 더 표현해야할게 많은거 같아서 여기에 react를 도입하려고 합니다.

평소에 react랑 express를 같이 쓸때는 npx creat-react-app으로 먼저 구조를 만들어두고, 거기에 backend 폴더를 따로 만들어 거기서 express 작업을 했었습니다.

근데 이젠 express만 이용해서 간단한 웹페이지를 만들다가 후에 react를 도입하려고 하니까, 어떻게 해야할지 좀 막막합니다
npx create-react-app으로 react 프로젝트를 시작하자니 pagckage.json이랑 node.moduls 폴더가 기존꺼랑 react로 새로 만들어진거랑 2개가 존재하게 됩니다.

제가 뭘 어떻게 해야할까요..?



profile_image 익명 작성일 -

React 프로젝트에서

> npm run build

라고 명령어 치면 아래와 같이 build 폴더가 생성 됩니다.

​

이 build 파일 안에 index.html이 생성이 됩니다.

​

이 index.html이 리액트로 만든 최종 결과물입니다.

build 폴더를 통째로 express 프로젝트에 옮겨서 index.html 파일을 전송해주면 됩니다.

​

도움이 되셨다면 답변확정 부탁드려요.

​

​

리액트를 간단하게 금방 배우셔서 적용해보시려면 아래 글 보면서 투두앱 후딱 만들어보는걸 추천드려요~!

​

연관된 질문 답변 리스트

node.js 오류

... import { useState } from "react"; import { Button... const app = express(); const models = require... Rooms.create({ address1, address2, address3, address4...

create-react-app과 express

... 근데 이젠 express만 이용해서 간단한 웹페이지를 만들다가 후에 react를 도입하려고 하니까, 어떻게 해야할지 좀 막막합니다 npx create-react-app으로 react...

react, express, 리액트, node

nodeJS 와 React 연동

... 이게 전 그냥 프론트엔드 라이브러리 정도 되는줄 알았는데 제가 create-react-app... 사용하던 express나 passport같은 nodeJS용 라이브러리는 react랑 어떻게...