😎 공부하는 징징알파카는 처음이지?

(코드는 저작권상 공유 안됩니당!!) 🥑 히스토리 컴포넌트 디바이스 리스트 조회 -> 디바이스, 날짜 선택 -> 디바이스 데이터 조회 -> 차트 출력 🥑 바이스 제어 컴포넌트 디바이스 리스트 조회 -> 디바이스 선택 -> 펌프 동작 -> 펌프 중지 🍔 동작 요청 프로세스 클라이언트 -> API 서버 -> MQTT 브로커 -> 디바이스 : 클라이언트에서 디바이스 선택 후 REST API 로 동작/정지 요청 : 요청을 받은 API 서버에서 MQTT 브로커를 통해 명령 메시지 발행 : 메시지를 받은 디바이스가 명령을 수행 🥑 React 프로젝트 배포 React 프로젝트 배포 계획 -> React 프로젝트 빌드 (webpack 설치, 설정 파일, build 추가) -> React 프로젝트 빌드 결과물 확인 )p..

(코드는 저작권상 공유 안됩니당!!) 🥑 프론트엔드 설계 프로젝트 기획 : 디자인과 개발의 기준 설정 웹/앱 설계 : 디자인과 개발을 위한 구체적인 설계 디자인 : 기획/설계 기반 디자인 작업 및 리소스 제작 개발 : 기능 구현 및 배포/운영 환경 구축 🍔프로젝트 협업 툴 : 소통 및 기록을 위한 다양한 툴 : 화면, 흐름, 특정 포인트에서 기능과 정책을 보다 쉽게 전달 EX) 피그마, Adobe XD, 스케치, 미로, 노션 🥑 레이아웃 설계 : 그림이나 글을 제한된 공간에 효과적으로 정리하고 배치 : 렌더링되는 컴포넌트 레이어를 배치 : MUI 라이브러리에서 제공하는 기본 컴포넌트를 최대한 활용 히스토리 컴포넌트 : 디바이스 조회 후 드롭다운 메뉴 생성 : 날짜 선택 상태 관리 🥑 컴포넌트 설계 디바이..

(코드는 저작권상 공유 안됩니당!!) 🥑 IoT 시스템 운영 : 시스템 운영 시작 후 안정적 동작이 가장 큰 우선순위 : 안정적 운영을 위한 여러가지 툴과 방법론 존재 🍔 PM2 : Node.js 어플리케이션용 프로세스 관리자 : 예상치 못한 에러로 종료되어도 PM2가 감지하여 다시 실행 sudo npm i -g pm2 - PM2 startup : 서버가 꺼졌다 다시 실행하기 되면 PM2 기존 정보 잃어버림 : PM2 startup 명령어로 서버가 재실행되어도 기존 관리 정보 유지 - PM2 logs : node.js 서버가 남기는로그를 특정 파일에 누적

(코드는 저작권상 공유 안됩니당!!) 🥑 데이터베이스 설계하기 - DB : 데이터의 집합 - DBMS : DB를 관리하기 위한 소프트웨어 🍔 관계형 데이터베이스 : 공통 데이터 필드를 통해 서로 관련된 테이블에 데이터를 구성하고 저장하는 데이터베이스 유형 : 행과 열로 구성된 테이블로 구성, 각 테이블은 엔티티 또는 데이터 유형 나타냄 : 열은 엔티티의 속성, 행은 엔티티의 인스턴스 🍔 데이터 모델링 : 데이터의 개념적 표현과 데이터 엔티티 간의 관계 만드는 프로세스 : 데이터 저장, 엑세스 및 관리 방법에 대한 청사진 또는 로드맵 만들기 위한 설계 : 모델은 현실 세계를 개념화, 단순화 하여 표현한 것 : 모델링은 모델을 만드는 과정 - 개념적 데이터 모델 : 엔티티와 엔티티 관계에 중점을 둔 상위 수..

(코드는 저작권상 공유 안됩니당!!) 🥑 MQTT 프로토콜 연결 시퀀스 클라이언트 ---- CONNCET ----> MQTT 브로커 (구독/발행자) MQTT 브로커 (구독자) MQTT 브로커 (구독자)

(코드는 저작권상 공유 안됩니당!!) 🥑 MQTT 토픽/메시지 설계하기 : 발행자와 구독자 관계 파악하고 어떤 메시지 주고 받을지 구성하는 과정 - Publisher : 발행자, 메시지 보내는 주체 - Topic : 토픽, 메시지 전달 매개체 - Subscriber : 구독자, 메시지 받는 주체 🍔 MQTT 브로커 토픽 설계 - 이동하는 데이터의 주체 (대략적인 이동하는 데이터가 무엇인지 파악) - 발행/구독 주체가 드러나는 토픽 - 큰 카테고리에서 작은 카테고리 순으로 작성 🍔 MQTT 브로커 메시지 설계 - 메시지에 들어가 데이터 선택 - 데이터 타입 및 범위 선택 - 메시지 구조 선택 : 데이터를 어떤 형태로 보낼 것인지 정하는 과정 : 다양한 데이터 타입 이해 필요 : 브로커가 보내는 것은 Bin..

(코드는 저작권상 공유 안됩니당!!) 🥑 IoT 시스템 : 필요한 기능을 실현하기 위한 관련 요소를 어떤 법칙에 따라 조합한 집합체 : 데이터 전달을 실현하기 위해 관련 요소를 수행할 수 있는 기술 조건에 따라 조합한 집합체 🍔 데이터 전달의 흐름 아날로그 데이터 -> 디지털 데이터 -> 데이터 타입 정의 -> 정보 🍔 IoT 시스템의 구성 요소 - 디바이스 : 데이터 수집, 전송, 명령 수행 - 게이트웨이 : 프로토콜 전환, 엣지 서버, 필터링 - 메시지 브로커 : topic 통해 메시지 전달, 시스템과 서비스간 메시지 교환 - 클라우드 : 인터넷 통해 접근할 수 있는 컴퓨팅 자원 - 서버 : 로직 수행, 수집된 데이터 처리 🥑 일반적인 소프트웨어 개발 과정 요구사항 명세/분석 -> 설계 -> 구현/테..

(코드는 저작권상 공유 안됩니당!!) 🥑 클라우드 관리형 MQTT : 접속 기기가 많아지는 경우 브로커 운영 관리와 보안 설정 디바이스 관리 등 고려 사항 증가 : AWS에는 MQTT 통신 서비스 IoT Core 있음 : 서버 운영 관리 없이 쉽게 연결 가능하며 다른 AWS 서비스와 연동 매우 쉬움 🥑 IoT 기기와 시간 : 잘못된 시간 데이터는 잘못된 정보 제공하여 분석과 서비스 개발에 문제 발생시킴 🍔 NPT( Network Time Protocol ) 통신 : 인터넷에서 가장 정밀 한 시계를 가지고 있는 서버 (NTP) 에게 물어봐서 시간 알아냄 🥑 JSON (JavaScript Object Notation) : 데이터 저장 및 전송 시 많이 사용되는 경량 DATA 교환 형식 : 사람과 기계 모두 ..