it/nestjs6 Nest.JS MQTT 통신 브로커 연결 npm i mqtt 로 먼저 라이브러리를 다운 받아줍니다. 그 다음 app.module.ts @Module({ MqttModule.forRoot({ servers: [ { host: process.env.MQTT_HOST, // 현재 통신하고 있는 MQTT 브로커 호스트 port: parseInt(process.env.MQTT_PORT_M), //대부분의 브로커는 1883 또는 1884를 사용함. }, ], clientId: process.env.MQTT_CLIENT_ID, // 하고 싶은 암호같은 이름? 예를 들어 "nestjs-microservice" username: process.env.MQTT_USER_NAME, // 설정한 브로커 ID password: process.env.MQTT_PASSW.. 2023. 5. 3. Next.js( react-slick ) react-slick을 사용하여 배경화면 자연스럽게 슬라이드 하는 형태의 메인 페이지 npm i react-slick import React from "react"; import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; const ImageSlider = () => { const settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1 }; return ( ); }; export default ImageSlider; 2023. 3. 23. JWT 순서 클라이언트 1. 로그인 요청 3. 로그인 성공 4. 인증에 정보가 필요한 요청을 함( 게시글 작성 or 로그인이 필요한 서비스) - 담아준 accessToken을 headers['Authorization']에 담아서 요청 headers['Authorization'] = `Bearer ` + localStorage.getItem('accessToken') 이런 식으로 6. 클라이언트에서 넘어온 요청이 401 에러면, refreshToken으로 유효한 accessToken 요청 8. 발급받은 accessToken으로 다시 실패한 요청을 보냄( 5-1번으로 이동) 서버 2. accessToken, refreshToken 발급 ( accessToken은 cokkie httpOnly 저장을 위한 3가지 방법) 1.. 2023. 2. 16. JWT Token JWT ( JSON WEB TOKEN ) 작동과정 클라이언트 1. 인증이 필요한 요청을 한다 -> accessToken을 header['Authrization']에 담아서 요청을 한다. 3. 401 UnAuthrization Error를 받고 accessToken이 있다면 본인의 쿠키에 담긴 refreshToken으로 accessToken을 발급받는다 4. refresh된 accessToken을 저장하고, 실패한 요청의 header에 Authrozation 속성에 accessToken을 담아 재요청을 보낸다.(retry 1) 서버 2. 요청 받고 accessToken의 유효성을 판단한다 2-1 성공 -> 요청처리하고 로직을 실행한다 2-2 실패 -> accessToken이 유효하지 않음을 판단하고 401.. 2023. 2. 2. 이전 1 2 다음