전체 글

공부/[TIL] Digital Twin Bootcamp

TIL_220125_Backend_CRUD

CRUD 구조 자바스프링의 MVC 구조를 모방 스프링 MVC 설명 참고 [부스트코스 웹 프로그래밍] 스프링 MVC 부스트코스 웹 프로그래밍 BE 영상을 보며 공부한 것을 간단히 정리한다. 1. Spring MVC Spring MVC 란 Spring 프레임워크에서 제공하는 웹 모듈이다. MVC 는 Model-View-Controller 의 약자로, 기본 시스템 모듈.. dailyheumsi.tistory.com Model : 테이블 정의 파일 Controller : 라우터 파일 Service : 비즈니스 로직 파일 DAO (data acess object) : 데이터 액세스 파일(쿼리를 날림) 프로세스 흐름 Controller -> Service -> DAO 순 => 강사님이 짜신 구조로 CRUD 구조는 ..

공부/[TIL] Digital Twin Bootcamp

TIL_220124_Backend

토큰 관리 완성 코드 참고 C:\Workspace\metacamp-backend2-origin Express Node.js를 위한 간결한 웹 프레임워크 : 구조를 잡아준다 거의 모든 nodejs 프로젝트는 express로 되어 있다. 그래서 한묶음으로 취급한다. 그래도 이력서엔 nodejs+express로 적자. express로 짠 nodejs엔 프론트엔드 화면이 존재한다. 설치 설명 링크 npm install express-generator -g 프로젝트 생성 express --ejs nodeproj 명령어 express / ejs라는 형식으로 express에 프론트엔드 화면을 만들겠다 / 생성할 프로젝트명 nodemon 소스코드를 감지해서 수정되면 자동으로 재시작 설치 npm install nodem..

공부/[Project] Digital Twin Bootcamp

HTML

HTML 기본 구조 HTML:5 자동완성으로 불러오기 test 서식 태그 제목1 제목2 제목3 제목4 제목5 제목6 떴다떴다 비행기 날아라 날아라 떴다떴다 비행기 날아라 날아라 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam, natus? 사과 파인애플 딸기 가 나 다 파리 패션과 미식, 예술과 낭만이 있는 세계 문화의 중심지 런던 영국의 수도이자 세계 최대의 도시로 손꼽히는 곳 강조 태그 떴다떴다 비행기 날아라 날아라 링크 태그 네이버로 이동 구글로 새 창에서 이동 다음으로 이동 이미지 / 동영상 / 오디오 태그 테이블 태그 1 2 3 4, 5 6, 9 7 8 자유게시판 글번호 글제목 글쓴이 날짜 1 첫번째 김김김 2022-01-02..

공부/[Project] Digital Twin Bootcamp

환경 구축

환경 구축 VSCode 사용 설치한 Extension Extension 환경설정 기존 eslint 설정에 더하여 여길 참고했음 .vscode\setting.json { "eslint.validate": [ "vue", "javascript", "html" ], "eslint.alwaysShowStatus": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.wordWrap": "on", // 자동 줄바꿈 "editor.mouseWheelZoom":true, // 마우스 휠 줌 "liveServer.settings.CustomBrowser": "chrome", "liveServer.settings.donotShowInfo..

공부/[TIL] Digital Twin Bootcamp

TIL_220121_IOT

MQTT Dashboard 연동 1축(y) 메모리 위치 : K0424 2축(x) 메모리 위치 : K0444 Form1.cs \Desktop\IOT\visual studio edukitTest\Mqtt_Dashboard\Mqtt_Dashboard using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Net; using System.Net.Sockets; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; nam..

공부/[TIL] Digital Twin Bootcamp

TIL_220120_IOT

산업용 통신 프로토콜 책 PLC 데이터 통신(구민사) 참고 PLC 수치체계 bit : 0 or 1(참 or 거짓)을 표현할 수 있는 기본 데이터 단위 (ex. P0~, M0~ 등이 해당) byte : 1byte = 8bit = 2의 8승 word : 1word = 2byte = 16bit double word : 1 double word = 2 word = 4byte = 32bit P영역 : 기본적으로 I/O(Input/Output) 할당이 되는 메모리 모드버스 TCP IP 프로토콜 구조 FCode : BitMemory에 값을 읽을 건지(BitRead 0x01) BitMemory에 값을 읽을 건지(BitRead 0x05) WordMemory에 값을 읽을 건지(WordRead 0x03) WordMemory..

공부/[TIL] Digital Twin Bootcamp

TIL_220119_IOT

오늘부턴 산업용 통신 프로토콜에 대해 배운다. 프로토콜 통신규약 - 컴퓨터나 통신 장비 사이에서 메세지를 주고 받는 양식과 규칙 체계 IoT 프로토콜 - IT 벤더 주도 - 개방성/호환성 중시 - 데이터 페이로드에 관심 - 의존성 낮음 산업용 프로토콜 - 설비 벤더 주도 - 안정성 중시 - 시그널에 관심 - 의존성 높음 인터페이스 서로 다른 사물이나 시스템 간에 커뮤니케이션(소통)이 가능하도록 설계한 상호 작용 방식 이더넷 시리얼보다 속도/안정성이 더 좋음 시리얼 오래된 통신 인터페이스 방식 직렬 통신/병렬통신 동기 방식 2개의 디바이스 사이에 동기신호(클럭 신호)를 이용해 동기를 맞춰 데이터를 송수신하는 방식(SPI, I2C) 비동기 방식 스타트 비트와 스톱 비트를 붙여 데이터 신호를 송수신하는 방법(..

공부/[Project] Digital Twin Bootcamp

화면 구성

메뉴 구성 Community All : 모든 분류 포함 Diary : 다이어리 Planner : 플래너 Etc : 노트 등 + Community - Note 추가, Make - 항목명 수정