Note 9

fastapi + jinja2 + webpack + chart.js + matplotlib

fastapi 인스톨 $ pip install fastapi $ pip install jinja2 $ pip install matplotlib $ pip install uvicorn 웹서버 구동 $ uvicorn server:app --port 3080 --reload 디렉토리 구조 - src 밑에 있는 javascript 파일을 합쳐서 public 밑에 있는 bundle.js 파일로 번들링한다. - express 로 server.js 를 구동하여 public/index.html 를 서비스 한다. ├─ static │ ├─ bundle.js │ ├─ js │ │ ├─ chart.js │ │ ├─ jquery.js │ │ └─ bootstrap.js │ └─ css │ └─ bootstrap.css │─ ..

Note 2023.08.12

express + webpack + chart.js + jquery

$ npm install $ npm run build $ node server.js $ node server_router.js 디렉토리 구조 - src 밑에 있는 javascript 파일을 합쳐서 public 밑에 있는 bundle.js 파일로 번들링한다. - express 로 server.js 를 구동하여 public/index.html 를 서비스 한다. ├─ public │ ├─ bundle.js : webpack 번들링 결과물 (index.js + mychart.js) │ ├─ index.html : express 서버의 디폴트 페이지 │ └─ js │ ├─ chart.js │ └─ jquery.js │─ src │ ├─ index.js : webpack으로 번들링될 소스 │ └─ mychart.j..

Note 2023.08.06

express로 nodejs 웹서버 만들기

프로젝트 초기화 $ npm init -y Express 설치 $ npm install express 웹서버 구현 const express = require('express') const app = express() const port = 3080 app.get('/', (req,res) => { res.send("안녕하세요?") }) app.get('/data', (req,res) => { res.send("데이터 입니다") }) app.listen(port, () => { console.log("서버가 실행됩니다.") }) 웹서버 구동 $ node index.js 라우팅 app.METHOD(PATH, HANDLER) app : Express의 인스턴스 METHOD : HTTP 요청 메서드(GET, PO..

Note 2023.07.30