티스토리

개발공부일지

검색하기

블로그 홈

개발공부일지

ppo0127.tistory.com/m

보람- 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

NodeJS - WebSocket, CHAT 목차 1. WEBSOCKET 2. 브라우저에서 사용해보기 3. socket.io 사용해보기 1. WEBSOCKET - 주로 채팅, 좌석예매시스템에 사용되는 새로운 프로토콜 ws:// 을 사용한다. - 브라우저 websocket 내장객체가 있고, NodeJS에서는 ws를 사용 - 외부 라이브러리로 socket.io - server const WebSocket = require("ws"); const wss = new WebSocket.Server({port: 8080}); // 서버실행 == app.listen 과 같아 wss.on("connection", (ws) => { // console.log(ws); // client의 객체정보 접속하는것마다 생성될거임 ws.on("message", (chunk).. 공감수 0 댓글수 1 2023. 10. 31.
NodeJS - File Upload 목차 1. multer 2. axios 사용하여 파일 업로드 해보기 1. multer - input box에서 file로 첨부파일을 올리고 submit 했을때 요청바디가 달라져서 새로운 바디 파서를 장착해야한다. - BodyParser를 해주는 middleware로 'multer' 전송 npm install multer const multer = require("multer"); const upload = multer({ storage: multer.diskStorage({ destination: (req, file, done) => { done(null, "./uploads"); }, filename: (req, file, done) => { const ext = path.extname(file.ori.. 공감수 0 댓글수 0 2023. 10. 30.
NodeJS - KAKAO LOGIN (추가) 목차 1. 인가코드 받기 2. 토큰 받기 3. 사용자 정보 가져오기 1. 인가코드 받기 GET https://kauth.kakao.com/oauth/authorize?client_id=값&redirect_uri=값&response_type=값 app.get("/auth/kakao/login", (req, res, next) => { try { const redirectURI = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${KAKAO_REDIRECT_URI}&response_type=code`; res.redirect(redirectURI); } catch (e) { next(e); } }); - 카카오 .. 공감수 0 댓글수 0 2023. 10. 26.
NodeJS - TDD 목차 1. TDD 2. jest 3. 단위테스트 4. 통합테스트 5. module 1. TDD - 테스트 주도 개발 ( Test-Driven Development) - 코드를 작성하기 전에 해당 코드를 테스트하는 테스트 케이스를 작성하는 개발 방법론 2. Jest https://jestjs.io/docs/getting-started - meta가 만든 테스트 프레임워크로, 주로 TDD 및 단위 테스트에 사용 - jest는 테스트 작성을 쉽게 만들어주며, 코드의 품질을 높이고 버그를 예방하는 데 도움 npm init -y npm install -D jest npm install express - package.json 에서 수정 "scripts": { "test": "jest", "start": "node.. 공감수 0 댓글수 0 2023. 10. 25.
NodeJS - DTO 목차 1. 설정하기 2. Sequelize 사용 3. DTO 4. create 1. 설정하기 - 드라이버 설치하기 npm init -y npm install express cors sequelize mysql2 dotenv - index.js / app.js / route.js - user → user.route / user.controller / user.service - constants → db / index → entity → user.entity - dto.js → user.dto 2. Sequelize 사용 - entity.js 파일에서 db와 connection (dotenv를 사용해서) - user.entity.js 파일에서 sequelize.define() 필드와 속성 지정 3. DTO .. 공감수 0 댓글수 0 2023. 10. 24.
NodeJS - ORM, Sequelize, User CRUD 목차 1. ORM 2. Sequelize 3. create (INSERT queries) 4. findAll (SELECT queries) 5. findOne 6. update (UPDATE queries) 7. destroy (DELETE queries) 1. ORM - Object Relational Mapping - 데이터 관리 주고받을때 '객체'로 데이터베이스 관리하는 데이터는 '테이블' - 객체와 테이블을 객체지향으로 사용하기위한 라이브러리 → 웹서버 안에서 DB내용을 조작하기 위한! → mysql2를 사용해도 가능은 했지만 (통신을 위한것이라서) - CRUD를 위한 코드와 테이블이 추상화 되어있다 - 메서드던지 함수던지 인자를 넘길때 객체를 주로 넘기는데 그 객체가 어떻게 만들어진건지 확인해야.. 공감수 0 댓글수 1 2023. 10. 23.
NodeJS - RESTful API, 회원가입 (Front, Back 분리) 목차 1. 회원가입 만들기 2. RESTful API 명세 3. 예외처리 1. 회원가입 만들기 - front - form element에 submit eventListener해서 유저의 정보를 객체에 담고 - axios를 사용해서 유저 정보를 바디에 담아 POST 요청을 한다. → localhost:4000/users - 가입이 된다면 / 으로 돌아가게하고, 가입이 되지 않는다면 aletr으로 Error Message를 알려준다. - back - DB연결 npm install mysql2 - database, table(users) 생성하고 pool connection을 한다. - app.post('/users')에서 DB에 INSERT를하고 받은 결과물을 SELECT(유저의 아이디, 이름만) 로 다시 .. 공감수 0 댓글수 1 2023. 10. 20.
NodeJS - Server 분리 (Front, Back), CORS Error 목차 1. Front-end 구현 2. Back-end 구현 3. CORS Error >> 간단하게 로그인 구현하기 공감수 0 댓글수 1 2023. 10. 19.
NodeJS - 의존성 주입(DI), 제어의 역전(IoC), Overring, overloading 목차 1. 의존성 주입 (DI) 2. 제어의 역전(IoC) 3. 오버라이딩 (overriding) 4. 오버로딩 (overloading) 1. 의존성 주입 (DI) - 자원을 효율적으로 사용하여 확장성 있게 코드를 작성할 수 있다. - MVC 계층으로 코드를 작성할때 하나의 service를 여러개의 controller가 사용해야할 경우 - 똑같은 코드인 service를 n번 사용하게 되어 비효율적이므로 ( 프로젝트했을때 board.controller, notice.controller 했던것처럼) - class를 만들고 module.exports로 내보내고 - module 파일을 만들어서 인스턴스를 생성만을 모아둔다. - 만들어둔 class의 인스턴스 생성을하면서 인자에 넣어 조립해준다. - 그걸 다른 파.. 공감수 0 댓글수 0 2023. 10. 15.
NodeJS - Database - JWT 사용해서 LOGIN 구현하기 ② // src/index.js router.get("/", (req, res) => { // console.log(req.headers.cookie); res.render("index.html", { user: req.user }); }); 목차 1. 로그인 했을때 쿠키를 만들고 화면 다르게 보여주기 2. token 정보 증명하기 3. DB에 user_id 요청해서 로그인 구현 완성하기 1. 로그인 했을때 쿠키를 만들고 화면 다르게 보여주기 - user_id, user_pw를 쿠키안에 jwt토큰을 넣어주기 // src/user/user.servcie.js const userRepository = require("./user.repository"); const JWT = require("../../lib/.. 공감수 0 댓글수 0 2023. 9. 25.
NodeJS - Database - JWT 사용해서 LOGIN 구현하기 ① 목차 1. 로그인 구현 설계 2. express 설치, 디렉토리 생성, 파일 작성하기 3. router 만들기 4. controller 만들기 5. service만들기 6. repository만들기 7. User 스키마 만들기 8. DB connection 9. repository 완성하기 10. service 완성하기 11. jwt 1. 로그인 구현 설계 - express 서버 열기 - html 작성하기 ( 로그인화면 ) - 디렉토리 생성하기 - 서버 골격 만들기 ( 라우터 나누기) - DB connection - JWT 만들기 2. express 설치, 디렉토리 생성, 파일 작성하기 npm init -y npm install express nunjucks / | - /lib | --- jwt.js |.. 공감수 0 댓글수 0 2023. 9. 22.
NodeJS - Cookie, Set-Cookie, cookie-parser, 암호화 목차 1. cookie 2. Set-Cookie 3. cookie-parser 4. 암호화 1. cookie - 쿠키는 요청메세지를 만들어 요청헤더에 나임을 식별하게 알려준다. - 쿠키는 key와 value 쌍으로 이루어져있고, 브라우저(Client)에 저장된다. - F12 애플리케이션 storage에서 'name'과 'value'로 입력해볼수있다. - 쿠키는 브라우저(Client)에서 만들어준것으로 server는 요청헤더를 읽는것이다! - 클라이언트가 웹 사이트를 방문할 때 서버로부터 받은 "Set-Cookie" 헤더에 따라 설정된다. - 이러한 쿠키는 클라이언트에서 관리된다. - 다음 요청 시 서버로 다시 전송되고 이를 통해 서버는 클라이언트를 식별한다. 2. Set-Cookie app.get("/c.. 공감수 0 댓글수 0 2023. 9. 21.
NodeJS - Database - connection pool 활용해서 게시판 만들기 (작업중) 목차 1. 기초설정하기 2. LIST페이지 구현하기 1. 기초설정하기 npm init -y npm install express nunjucks mysql2 - express, nunjucks,mysql2 설치하기 create database block10; use block10; CREATE TABLE boards( id INT AUTO_INCREMENT, title VARCHAR(200) NOT NULL, content TEXT, writer VARCHAR(20) NOT NULL, created_at DATETIME DEFAULT NOW(), hit INT DEFAULT 0, PRIMARY KEY(id) ); show tables; desc boards; SHOW STATUS LIKE 'Threads_.. 공감수 0 댓글수 0 2023. 9. 20.
NodeJS - controller, service, repository, entity 목차 1. 디렉토리, 파일생성하고 패키지 설치, 설계하기 2. router 와 controller 나누기 3. entity 작성하기 4. repository 작성하기 5. service 작성하기 6. list 작업하기 7. write 작업하기 8. view 작업하기 9. 조회수 올리기 10. Update 작성하기 11. Delete 작성하기 1. 디렉토리, 파일생성하고 패키지 설치, 설계하기 - 디렉토리 / | - /node_moduels | - /src | --- /board | ------- /board.route.js | --- /user | ------- /user.route.js | --- index.js | - /views | - /public | - package.json | - packag.. 공감수 0 댓글수 0 2023. 9. 14.
NodeJS - Router, Controller 나누기 목차 1. 디렉토리 생성하고 패키지 설치하기 2. 파일 만들기 3. 라우터 나누기 4. 템플릿 엔진 설정하기 5. controller (핸들러함수) 분리하기 1. 디렉토리 생성하고 패키지 설치하기 - 만들고자하는 디렉토리를 생성하고 라우터를 나누기 위해 설계하기 / | - /node_moduels | - /src | --- /board | ------- /board.route.js | --- /user | ------- /user.route.js | --- index.js | - /views | - /public | - package.json | - package-lock.json | - server.js - GET / - GET /boards/list - GET /boards/write - GET /b.. 공감수 0 댓글수 0 2023. 9. 13.
NodeJS - express 사용하기 목차 1. express설치하기 2. nunjucks 설치하기 3. 필요한 라우터 만들기 4. 필요한 로직을 넣어주기 1. express설치하기 - 작업할 디렉토리(게시판) 터미널에서 작성하기 npm init npm install express const express = require("express"); const app = express(); app.get("/", (req, res) => { res.send("hello world!"); }); app.listen(3000, () => { console.log(`server start`); }); - express 라이브러리를 설치하고 불러온다. - 라우터를 하나 만들어서 127.0.0.1:3000 연결되는지 확인해본다. 2. nunjucks 설치.. 공감수 0 댓글수 0 2023. 9. 12.
NodeJS - RESTful, URL, URI, Request method (GET, POST) 목차 1. URL과 URI 2. Requset Method (GET, POST) 3. redirect() 4. bodyString 1. URL과 URI - nodejs공식문서에서 URL 을 검색하면 URL 문자열은 여러 의미 있는 구성 요소를 포함하는 구조화된 문자열이고, 구문 분석 시 이러한 각 구성 요소에 대한 속성이 포함된 URL 객체가 반환된다고 한다. URL → https://user:pass@sub.example.com:8080/p/a/t/h?query=string#hash host → sub.example.com:8080 라이브서버를 열었을때 http://127.0.0.1:5500/index.html 로 열리는데, 파일네임과 확장자까지 뜨게된다. URL : http://127.0.0.1:55.. 공감수 0 댓글수 0 2023. 9. 11.
NodeJS - 요청, 응답 목차 1. Response 클래스로 만들기 2. server 만들기 3. Request class 만들기 4. header와 body나눠주고 sendFile보내기 1. Response 클래스로 만들기 - lib 디렉토리 안에 response.js 파일 만들기 const fs = require("fs"); const path = require("path"); const TEMPLATE_DIR = "views"; const STATUS_MESSAGE = { 200: "OK", 404: "NOT FOUND", }; class Response { version = "HTTP/1.1"; statusCode; headers = {}; body; socket; constructor(socket) { this.sock.. 공감수 0 댓글수 0 2023. 9. 9.
NodeJS - Response Message class문법으로 만들기 목차 1. class Response 만들기 2. startLine 역할에 맞게 구분해주기 3. status setter 만들기 4. "headers" 작업하기 5. "body" 작업하기 6. "header"와 "body" 합치기 7. send 메서드 만들기 8. sendFile과 readFile를 만들어서 활용하기 1. class Response 만들기 class Response { version = "HTTP/1.1"; statusCode = 200; statusMessage = "OK"; constructor() {} end() { const startLine = `${this.version} ${this.statusCode} ${this.statusMessage}`; console.log(star.. 공감수 0 댓글수 0 2023. 9. 7.
NodeJS - net 모듈을 사용해서 TCP 구현 목차 1. net 내장 모듈 2. Server파일, Client파일 만들고 connect하기 3. 세션이 맺어졌을때 client → server hello world라는 텍스트 보내기 4. sever → client hello world라는 텍스트 보내기 5. request(요청메시지) 파일로 보내기 6. request(요청메시지) 파싱하기 7. respones message 보내기 1. net 내장 모듈 https://nodejs.org/dist/latest-v18.x/docs/api/net.html const net = require("net"); - net은 라이브러리로 socket을 생성해준다. - 3way-handshake를 경험해보기위해서 - 서버는 언제 어떻게 요청이 들어올지 모르니까 lis.. 공감수 0 댓글수 0 2023. 8. 31.
NodeJS - network, OSI 7계층, host, 프로토콜, port 목차 1. OSI 7계층 2. 7계층 식별자 3. Host 4. 프로토콜 5. 3-way-handshake 6. Port 1. OSI 7계층 - 1계층 physcal layer : LAN 랜선한테 아날로그식(예를 들면 010101)으로 전기흐름을 쏘고 상대 PC 랜카드는 받은 아날로그를 디지털로 전환해주는 역할을 한다. - 2계층 data-link layer : Driver는 010101 데이터를 번역기를 돌려서 커널에 전달한다 - 3계층 network layer : IP - 4계층 transport layer : TCP는 프로토콜 소켓을 타고 애플리케이션에 보내준다. - 5계층 session layer - 6계층 presentation - 7계층 application 2. 7계층 식별자 - 1,2계층 .. 공감수 0 댓글수 0 2023. 8. 30.
NodeJS - 진수 / Buffer(내장모듈) / writeStream 목차 1. 진수 2. Buffer 3. Fs class로 작성해보기 4. writeStream 5.event 1. 진수 - 컴퓨터 공학에서 사용하는 2진수, 16진수, 그리고 사람이 사용하는 10진수 - 컴퓨터는 0과 1로만 구성되어 있어서 2진수를 사용한다. (바이너리) - 1 bit는 2가지 데이터를 저장할수있다. (0하고 1) - 1 byte 256가지를 저장할수있다. (2^8) - bit와 byte는 가짓수로 몇개를 저장할수있는지를 표현한다. - 1 byte = 8 bit - '12' 라는 숫자를 컴퓨터는 '1100' 으로 저장한다. - bit를 4개로 늘려서 0000~1111 4bit는 16가지수 0~15의 데이터를 표현한다. (2^4) - 0,1,2,....,9까지는 아라비아 숫자를 나타내는데.. 공감수 0 댓글수 0 2023. 8. 29.
NodeJS - 내장 모듈, fs, path, readFile, writeFile / 외장 모듈, NPM, dotenv 목차 1. 내장모듈 ① 파일 읽기 (readFile) ② 파일 만들기, 쓰기 (writeFile) 2. 외장모듈 (npm) - dotenv 1. 내장모듈 - fs : file system으로 비동기처리를 위해 promise를 사용한다. - 그전에 require으로 사용해보기 - path - buffer ① 파일 읽기 (readFile) const fs = require("fs"); // console.log(fs); //{} // 1경로 2옵션 3callback (옵션은 생략가능) console.log("hello world"); fs.readFile("./README.md", (err, data) => { // console.log("err:", err); if (err) throw err; conso.. 공감수 1 댓글수 0 2023. 8. 28.
NodeJS - 기초 목차 1. NodeJS 정의 2. NodeJS 내장기능 3. global 4. "REPL" 5. 모듈 Module 6. process 1. NodeJS 정의 - 공식문서에 따르면 V8 javascript엔진을 기반으로 구축된 javascript 런타임이라고한다. - 내 컴퓨터에 있는 자원을 사용하기 위해서 (파일조작이 가능한지) - 브라우저 런타임은 파일을 읽고 쓰는 능력이 없어서 파일입출력이 안되는데 nodejs는 파일입출력이 가능하다. → 그래서 서버도 만들수있다. 2. NodeJS 내장 기능 - this (global) - Module 모듈 - process - os - path - url , querystring - fs 3. global - 브라우저에서 this는 전역객체가 window가 나오고.. 공감수 0 댓글수 0 2023. 8. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.