JS11 📚 [React] 리액트 라우터 돔 설정 (react-router-dom) * react-router-dom v5 사용 (v6를 사용 할 경우 오류 발생) 터미널 경로가 리액트를 설치한 프론트단으로 되어있어야 함. 아래 npm으로 react-router-dom 설치 npm install react-router-dom --save package.json에서 react-router-dom 버전이 아래와 같이 5가 아닌 6이라면 해당 명령어로 다운그레이드 npm i react-router-dom@5.2.0 App.js에서 react-router-dom을 import 시켜주고 라우터 설정 2023. 1. 26. 📚 [node.js] Express에 html 렌더링 (EJS 사용) 1. 터미널에서 아래 명령어를 입력하여 EJS 설치 npm install ejs 2. 폴더와 파일 만들기 3. server.js에 아래 코드를 추가해준다. const express = require("express"); const ejs = require("ejs"); // ejs 모듈 요청 const app = express(); const port = 5000; app.set("view engine", "ejs"); // 화면 engine을 ejs로 설정 app.use(express.static(__dirname + '/')); // '/'로 기본 path 설정 app.get("/",(req,res)=>{ res.render("index", {}); }); app.get("/view",(req,res.. 2023. 1. 12. 📚 [node.js] Express서버 구축 +Nodemon 1. node.js 개발 환경 구축 https://yelldorado.tistory.com/18 📚 [node.js] 개발 환경 구축 Node.js 설치 ( 다운로드 : https://nodejs.org/ko/ ) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2.Node.js 설치 확인 ( cmd에서 명령어 node -v로 확인 가능) 3. vscode ➡ (좌측 상단 메 yelldorado.tistory.com 2. 터미널에 npm install express --save 입력해서 설치 3. 설치 성공 시 node_modules 폴더 자동 생성되며, package.json에 expre.. 2023. 1. 12. 📚 [node.js] 개발 환경 구축 Node.js 설치 ( 다운로드 : https://nodejs.org/ko/ ) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2.Node.js 설치 확인 ( cmd에서 명령어 node -v로 확인 가능) 3. vscode ➡ (좌측 상단 메뉴)터미널 ➡ 새 터미널 생성 4. 터미널에 npm init 입력 후 package.json 파일 생성되면 성공 https://yelldorado.tistory.com/19 📚 [node.js] Express서버 구축 +Nodemon 1. node.js 개발 환경 구축 https://yelldorado.tistory.com/18 📚 [node.js] .. 2023. 1. 12. 이전 1 2 3 다음
