230126 - JavaScript - NodeJS, WebSocket 양방향 통신

오늘 내가 배운 것 1. WebSocket 2. message 기본 형태 request message response message 3. NodeJS에서 WebSocket을 사용하는 방법 4. 웹소켓 구현하기 (WS 방식) 5. 웹소켓 구현하기 (Socket.io 방식) 6. 개념 정리 브로드캐스트 폴링 방식 롱 폴링 방식 1. WebSocket HTTP 프로토콜의 가장 큰 특징이었던 비연결성 때문에 양방향 통신이 되지 않았다. 하지만 WebSocket은 ws 프로토콜을 기반으로 클라이언트와 서버를 양방향으로 통신이 가능하게 한다. 이를 이용하면 채팅, 주식차트, 예약프로그램 등등 실시간, 데이터 송수신이 지속적인 기능을 구현할 수 있다. 프로토콜이기 때문에 request, response에 규칙성이 있..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 27.
• textsms

230125 - Javascript - NodeJS, Multer

오늘 내가 배운 것 1. 파일 업로드 2. Multer 사용 방법 3. Multer 초기 세팅 4. 파일 선택하기 5. HTTP통신을 이용한 파일 업로드 6. 업로드할 파일 미리 보기 (썸네일) 1. 파일 업로드 input태그 type속성 중에 file이라는 것이 있다. 외장모듈 multer을 이용하면 input 태그를 이용하여 웹사이트에 첨부파일이나, 이미지파일 같은 것을 업로드할 수 있는 기능이다. Multer을 사용할 때 반드시 form 태그의 속성 중 enctype가 "multipart/form-data"로 되어 있어야 한다. 2. Multer 사용 방법 npm을 이용하여 multer 설치하기 npm install multer HTML 예시 전송 3. Multer Javascript 초기 세팅 M..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 25.
• textsms

230120 - 페어코딩 - 토큰을 이용한 로그인

GitHub https://github.com/100space/friday_local GitHub - 100space/friday_local Contribute to 100space/friday_local development by creating an account on GitHub. github.com STEP 1. 회원가입 및 로그인 구현하는 목표가 주어졌고, 협업을 위한 기본 라우터를 설계하고 문서화하는 작업을 함. 라우터를 설계하면서 DB 테이블도 설계한 후에 문서로 남겨놓았다. 흔히 api document 라고 하는 것을 해보려 했는데 처음해보는 거라 어떻게 얼마나 적어둬야 하는 몰라서 간단하게만 적어봤다. 나는 front-end 영역을 맡았다. STEP 2. 메인페이지 구성 및 gnb를 만들..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 25.
• textsms

230119 - javascript - 카카오로그인(kakao login) API

오늘 내가 배운 것 1. 카카오 로그인 공식 사이트 2. 카카오 로그인 API 3. 사전준비 4. 카카오 로그인 구현하기 프론트 서버 백 서버 1. 카카오 로그인 공식 사이트 https://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 로그인은 API를 이용해서 하는 것인데 위에 공식 사이트에서 자세히 잘 나와있다. 2. 카카오 로그인 API 기본 흐름은 아래와 같다. 3. 사전 준비 카카오 로그인을 위해서 사전에 준비해야 해야 할 단계가 몇..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 25.
• textsms

230118 - JavaScript - 내장 모듈 crypto, NodeJS

오늘 내가 배운 것 1. 내장 모듈 crypto 2. JWT - Signature 3. JWT - 토큰 만들기 4. JWT - 토큰 검증하기 1. 내장 모듈 crypto Node.js의 내장 모듈이기 때문에 require 해서 사용해야 한다. crypto는 클래스이다.. const crypto = require("crypto") const salt = process.env.SALT || "web7722" const hash = crypto.createHmac(`sha256`, salt).update(평문).digest("hex") // createHmac은 `정적메서드`다. JWT에서 Signature을 만드는 목적이 headerd와 payload가 위조, 변조되었는지 확인하기 위해서인데, salt값이 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 19.
• textsms

230118 - JavaScript - JWT, base64, 인코딩과 디코딩

오늘 내가 배운 것 1. 인코딩(Encoding)과 디코딩(decoding) 2. Base64 3. JWT 인코딩 구현해 보기 1. 인코딩(Encoding)과 디코딩(decoding) 1-1. 인코딩(Encoding) 인코딩은 어떤 정보나 데이터를 다른 형태, 형식으로 변환하는 과정을 말한다. 인코딩을 하면 데이터를 표준화하거나 데이터의 처리속도를 향상할 수 있고 저장공간을 절약할 수 있는 장점이 있다. 우리가 눈으로 확인할 수 있는 동영상이나 사진들도 인코딩해서 데이터를 주고받는다. 인코딩의 반대말은 디코딩이다. 1-2. 디코딩(Decoding) 디코딩은 인코딩과 반대되는 개념으로 , 전달받은 숫자 또는 문자로 된 데이터들을 사용자가 문자나, 실제 동영상으로 볼 수 있게 해석하는 역할을 말한다. 인코딩..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 18.
• textsms