chat npm install nodemon -g nodemon app_3.js html js 다 자동인식잘됨 //설치된 express 불러오기 console.log("==========="); const express = require("express"); //설치한 socket.io 모듈 불러오기 const socket = require("socket.io"); //node.js 기본 내장 모듈 불러오기 const http = require("http"); //Node.js 기본내장 모듈 불러오기 const fs = require("fs"); ////file system //express 객체 생성 const app =express(); //express http 서버생성 const server = ..

updateDone module.exports = { HTML: function (title, body, control) { return ` ${title} ${body} ${control} `; }, table: function (topics) { var list = ""; var i = 0; while (i < topics.length) { list = list + ` ${topics[i][0]} ${topics[i][1]} ${topics[i][2]} 삭제 수정 `; i = i + 1; } list = list + ""; return list; }, Form: function (topics, url, metaData) { var form = ` `; var i = 0; console.log(topi..

const express = require("express"); const app = express(); //npm install body-parser app.use(express.urlencoded({ extended: true })); //////////////////post방식 데이터 처리 //서버 listen const server = app.listen(3000, () => { console.log("Start Server: localhost:3000"); }); //__dirname: 현재 디렉토리 //page경로 설정 app.set("views", __dirname + "/views"); app.set("view engine", "ejs"); app.engine("html", require(..

자바스크립트 (실행되는 곳? 브라우저 에서 실행) node⇒ 자바 스크립트 코드 → 브라우저 밖에서 실행되는 (어플리케이션) : 웹서버 구축, db연동 npm init C:\node_study\node_stu>node test.js Hello World C:\node_study\node_stu>node test Hello World express란? NodeJS란, 자바스크립트를 브라우저 밖에서 사용하게 해주는 프로그램임. express는 사용하여 서버를 개발하고자 하는 개발자들을 위하여 서버를 쉽게 구성할 수 있게 만든 프레임워크다. 프레임워크란, 클래스와 라이브러리의 집합체임. npm install express --save const express = require("express"); const ..

라우팅 메뉴링크활성화피드백_NaviLink이용 import React from 'react'; import { NavLink } from 'react-router-dom'; import classes from './MainNavigation.module.css' import { Link } from 'react-router-dom'; function MainNavigation(props) { return ( { return isActive ? classes.menu : undefined; }}> Home { return isActive ? classes.a : undefined; }}> products ); } export default MainNavigation; css a{ text-decoratio..

사용자추가1 import {useEffect, useState} from "react"; import {fetchUserList} from "./http.js" import UsersList from './components/UsersList' import Error from './components/Error'; import Box from "./components/Box.js"; export default function App() { const [usersList, setUsersList] = useState([]);//사용자 목록 const [isFetching, setIsFetching] = useState(false); //로딩중 상태저장값 const [error, setError] =useS..