잉

https://getbootstrap.com/docs/4.6/layout/overview/ Overview Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes. getbootstrap.com 뷰 문서를 확인하여 코드를 구성한다. 다음과 같이 Header, Sidebar, Content로 세부분으로 나눈다. 다음의 위치에 각각의 파일을 생성 한다. (파일 내용은 타이틀만 써주자) Header 파일: /src/components/layout/Header...

[작업 환경 만들기] 0.node 설치(14.18.2 버전) https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 윈도우 64, ***msi 파일 받아야한다 > 설치 및 버전확인 npm -v node -v 1.npm설치 npm : 자바스크립트 프로그래밍 언어를 위한 패키지 관리자 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for W..

[mqtt 통신] : MQTT는 사물인터넷을 사용하기 위해 개발된 TCP 기반의 프로토콜로 낮은 전력 낮은 대역폭 낮은 성능의 환경에서도 사용이 가능 통신하는 방법은 크게는 publisher/subscriber로 진행이 되며 중간에는 브로커(Broker)가 존재 --> 웹을 ajax 동기 통신으로 구현해 놓았다. ajax통신은 1초에 한번씩 값을 요청하려면 부하가 걸린다. 실시간 소캣 통신을 하기위해서 MQTT(웹소켓 사용):비동기통신을 사용한다 채팅 , 온도 습도같은 계속적인 정보 받아올 때 사용한다. + 배송요청 → 브로커 → tcp통신(열어놓고 대기): 배달원이 요청 실시간으로 받아서 수행한다 Publisher(센서 장치)가 데이터를 브로커에게 전달한다면 각 Subscriber(출력장치 또는 처리 ..

https://web.postman.co/ node.js / sequelize / experess를 통해 만들어 놓은 데이터베이스에 Postman을 활용하여 get post patch delete 해보자. 리퀘스트 생성하기 get : DB 정보 받기 post : DB 테이블에 추가하기 저장. postgre SQL / pgAdmin에서 확인 patch : DB 정보 수정 localhost:3000/departments/1 get을 통해 확인해보기 지우기 localhost:3000/departments/1 /아이디 번호

[환경] 비주얼 코드 DB: postgreSQL 서버 : express 모듈 Sequelize : DB 작업을 쉽게 하게 해주는 ORM 라이브러리. 프라미스 기반이라 비동기 로직 작성에 유리하다. (ORM (Object Relational Mapping) : 자바스크립트 객체와 관계형 데이터 베이스를 쿼리 없이 서로 연결 ) [설치 ] 콘솔에 명령문 실행 npm init npm i express morgan sequelize sequelize-cli postgres pg npm i -D nodemon npx sequelize init (다른 필요한 미들웨어와 노드문(: 변경을 자동으로 반영)도 같이 설치하였다.) [DB 데이터 베이스 생성] 콘피그 확인 >>>pgAdmin DB에 database에 설정한..

Backend에서 : front 서버 DB 연결해보기! 프런트 : axios를 통해서 서버에 요청할 수 있다. 백엔드 : express 모듈 서버에서 요청을 처리하는 웹서버를 만들기 위해 (http 모듈 대신에 간편하게 만든 모듈) 1. 폴더 경로에 모듈 설치 (쿠키 파서 익스프레스 세션 닷엔브) npm i cookie-parser express-session dotenv *npm은 nodejs설치 시 같이 깔린다. https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. > app.js 라우터 연결 미들웨어 사용 모..

>app-router.js : 여기서 모아서 관리함.(routes에 있는 js 불러와서 use로 적용.) const express = require('express') const app = express() const inedxRouter = require('./routes') const userRouter = require('./routes/user') app.use('/',inedxRouter) app.use('/user',userRouter) app.listen(3000,()=>{ console.log('3000포트를 써서 실행중'); }) [index/user ... 라우터들을 개별로 나눠 역할을 부여한다.] >routes>index.js const express = require('express..

기능을 하나하나 다 만들려면 오래 걸리기 때문에 만들어놓은 것 → 모듈 재사용 : 다른 사람이 올려놓은 모듈을 사용할 수 있다. npm → 노드를 깔면 npm 깔려있다. package.json 을 사용하여 패키지를 관리한다. EXPRESS? http 모듈로 웹서버 만드는 게 불편해서 나온 프레임 워크 더 이상 REST api 메서드를 if로 구현하지 않아도 된다. 미들웨어? 구조 내에서 중간 처리를 위한 함수 1. npm 인잇 : 초기화 빈폴더 만들어서 cd 빈폴더 npm init pacjage.json 파일이 생긴다. 2. express 패키지를 깔아보자 npm install express npm > node modules에 깔린 모듈들이 들어간다 3. 실행시키기 npx nodemon index htm..

응답을 보내는 부분과 서버에 연결하는 부분 추가 이벤트 리스너 사용 //웹서버 켜기 const http = require('http'); //req:요청 res:응답 const server = http.createServer((req, res) => { // 여기에 어떻게 응답할 지 적어줍니다. res.writeHead(200,{'Content-Type' : 'text/html; charset=utf-8'}) //콘텐츠 타입 html 텍스트 /한글 res.write('Hello Node! hahahahahahaha한글 이승민'); res.end('Hello Server!'); }) //서버를 킨다 // .listen(3000, () => { // console.log('3000번 포트에서 서버 대기중입니..

[노드 내장 객체] :: 바로 가져다 쓸 수 있다. require 불필요 글로벌 콘솔 타이머 파일 네임 / 디렉토리 네임 : 경로 불러오기 module.exports (내보내기)// require('./var') (불러오기) 프로세스 :: 노드제이에스가 실행되는 정보. 버전. 아키텍처 env 프로세스.넥스트틱 제일 먼저 실행시킴 프로세스.exit() 실행 종료 [노드 내장 모듈] : require 모듈 형태로 불러야 할 때 os path url모듈 쿼리 스트링 크립토 : 암호화 유틸 : 각종 편의 기능 모음 스레드 : 멀티 스레드로 바꿔줌 Worker를 통해서 조정 가능. 차일드 프로세스 :: 노드 js 아닌 프로그램도 사용 가능 exec 터미널에서 쓰는 쉘 접근 가능 터미널 명령어 정상 처리되면 : s..