잉

> 튜토리얼 https://youtu.be/ZvumCDpleyI?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 문서 three.js manual threejs.org 01. Three.js 기본 구조 renderer(scene,camera) 02. Three.js 예제 >index.js import * as THREE from 'three' import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THREE.Color(0x004fff) //카메라 const camera = new THREE.Pe..

https://www.youtube.com/watch?v=JFX_IM2FJyQ&t=315 01. npm 인스톨 02. git clone으로 인스톨 V 01. 위 영상에서 code 프로그램에서 npm으로 three.js 설치하는 과정 문서 : https://threejs.org/docs/#manual/ko/introduction/Installation three.js docs threejs.org 여기에 코드가 설명되어 있다. code에 live server 설치 > three.js 설치 코드 npm install --save three three 모듈 불러와서 사용하기. >app.js /////////////////////////////////////////////////////// // Option 1..

>>> 검색 옵션) 1. 책 제목 2. 책 저자 3. isbn (IoT에서 비전 인식으로 받아온 바코드 값으로 검색 가능) : 검색 옵션에 맞게 DB에 있는 값과 검색어를 비교하여 일치하는 책 리스트를 출력한다. [결과] 1.메인화면 2. 저자 검색, isbn 검색 3. 제목검색 : '이'가 포함된 모든 책이 나열된다. [구현 ] A. Front 1. home.vue 웹 페이지에서 실행되고 보여지는 것. 검색 이 부분이 [ 검색 옵션 : ____입력 바_____ : 검색 버튼 ] 을 그려주는 HTML이다. 뷰 부트스트랩을 이용하여 팀원 분이 작성해 주셨다. https://bootstrap-vue.org/docs/components/modal#modals 여기서 중요한 부분은 v-model , :optio..

var obj = { "1" : "iOS", "2" : "Android" }; var first_key = Object.keys(obj)[0]; var first_value = obj[Object.keys(obj)[0]]; console.log(first_key); console.log(first_value); 출처: [확장형 뇌 저장소] [Front_JS_객체의 첫 번째 키 or 값 출력하기] const 객체이름 = { "키1" : "값1" , "키2" : "값2" } > 객체의 첫번째 키 = Object.key(객체이름)[0] > 객체의 첫 번째 값 = 객체이름[Object.keys(객체이름)[0]] : 이렇게 하면 값을 뭘 받아왔는지 상관없이 첫 번째 값을 출력할 수 있다.

>>참고사이트 1.mqtt class 임베디드환경에서 MQTT 사용해보기 안녕하세요. yeTi입니다. 오늘은 임베디드환경(tx2)기반에서 MQTT 브로커를 설치하고 메세징을 해보려고 합니다. MQTT brocker 설치 MQTT란, IoT용 message broker 선택하기를 기반으로 mosquitto 를 mqtt broker.. yeti.tistory.com 2. class import 경로 [PYTHON] 여러 경로의 모듈 import 하기 1 동일/하위 폴더(경로)의 모듈을 from, import 하는법 1. 필요성 파이썬에서 위와 같이 game이란 project를 진행 한다고 가정해 보겠습니다. main.py 에서 여러 패키지(폴더) 안의 다른 모듈(##.py)을 import 할. cuorej...

라즈베리 파이에서 naver 책 API를 열어 쉽게 정보를 가져왔었다. https://ing-min.tistory.com/63 Naver 크롤링 : 파파고 python + 도서 API 라즈베리파이 LCD가 영어밖에 프린트가 안 되서 파파고로 번역기 돌리는 코드를 추가했다. import csv import drivers # import I2C_LCD_driver from time import sleep import os import sys import urllib.reque.. ing-min.tistory.com 하지만 Back(node.js)에서 처리 과정이 세분화되어있으므로 구조 관리하기 까다로웠다. (DB -> dao -> service-> routers -> app.js) dao : 데이터 베이스를..

[http 모듈로 웹서버 만들기] REST : get post put delete 받아오기 보내기 수정하기 삭제하기 구현 const http = require('http'); const fs = require('fs').promises; const users = {}; //#req 클라이언트의 요청 들어옴# #res 서버가 클라이언트한테 반환할 것 # const server = http.createServer(async (req, res) => { try{ if(req.method === 'GET'){ if(req.url ==='/'){ const data = await fs.readFile('./restFront.html')//then의 파라미터값. await에 담긴다 res.writeHead(200,..

토큰 관리 토큰 정책 토큰 발행 정책 토큰 발행 시 만료 시간은 2시간으로 정한다. 토큰의 payload에는 사용자의 pk, 이름, 아이디, 권한 정보를 넣는다. 토큰 발행은 응답헤더의 token으로 한다. 토큰 검증 정책 클라이언트에서 발송하는 토큰 정보는 요청헤더의 token으로 한다. 토큰 검증이 확인 되면 매번 새로운 토큰을 갱신 발급해 준다. 토큰 갱신은 응답헤더의 token으로 한다. 토큰 폐기 정책 토큰 폐기시 로그아웃에 대한 후속 처리는 별도로 하지 않는다. 토큰 발행 아이디/비밀번호가 맞으면 토큰을 발행해 준다. jsonwebtoken 설치 > npm install jsonwebtoken --save 토큰용 secretKey생성 토큰에서 사용할 secretKey를 생성해야 한다. secr..