📖 개요 저번 포스팅에 최신 2주치 데이터를 추출하는 방법을 알아보았다. 오늘 포스팅에서는 날짜 컬럼에서 최신 데이터를 가져오는 방법을 알아볼 예정이다. 💻 계산된 필드 만들기 상단에 분석탭에서 "계산된 필드 만들기"를 누르면 창이 뜬다. MAX()함수는 해당 컬럼에서 최댓값을 반환해주는 함수이다. 다음과 같이 날짜 필드가 있을 때 최댓값은 최신날짜가 되기 때문에 다음과 같이 함수를 적용했다. 💻 시트에서 계산된 필드 사용하기 계산된 필드를 만들면 측정값에 만든 필드를 볼 수 있다. 해당 필드를 드래그해서 텍스트에 드랍하면 최신 날짜를 추출할 수 있다.
📖 개요 데이터 적재량을 저장하는 DB Table이 있다. 테이블에서 아래와 같이 최신 데이터 2컬럼을 가져와서 ◀ 오늘 포스팅! 최신 적재량 날짜와 적재한 건수, 지난주와 비교한 값을 만들어 볼 예정이다. 💻 01. 데이터 추출 이용하기 최신 2주치 데이터만 필요해서 위와 같이 설정해서 데이터를 추출했다. 매주 데이터를 백업하는게 아니라 ② 필터를 마지막 4주로 설정해주고, ③ 위쪽 2행만 가져오기로 설정했다. 하지만, 일주일 후 데이터가 갱신됐을 때 생각한 거처럼 추출이 되지 않아 다른 방식을 고민해야 했다 😂 💻 02. 새 사용자 지정 SQL 왼쪽에 보면 새 사용자 지정 SQL을 눌러주면, SQL문 입력할 수 있는 창이 뜬다. SELECT * FROM DATABASE명.TABLE명 ORDER BY ..
📖 개요 Graylog 사용자 추가하는 법을 알아보자. 로그수집서버인만큼 다양한 장비의 로그를 받고 있기 때문에 나는 각 장비 담당자 별 권한을 줘서 관리하고 있다. Graylog는 관리자 권한을 비롯하여 모니터링 권한 등 다양한 역할을 부여할 수 있다. 💻 사용자 생성 ① System에서 Users and Teams을 선택한다. ② Create User 버튼을 눌러 유저를 생성하자! ③ 이름과 E-mail을 적어준다. 여기서 E-mail은 추후 Alert 설정할 때 사용한다. ④ 로그인 후 세션 타임아웃이나 Timezone을 설정할 수 있다. ⑤ 역할을 부여할 수 있다. 역할은 아래와 같이 있으며, 각 Stream에서도 권한을 설정할 수 있다. ⑥ 비밀번호까지 설정해주면 끝-! 🌈 참고 사이트 누락된 ..
📖 개요 지~난 시간에 게시판을 만들어봤다. 『Client 04 』 [React] 게시판 만들기 -BoardList, props 전달, custom axios 📖 개요 📌 오늘 할 일 ◻ props 값 넘기기 ◻ BoardList (게시판) ◻ Post 완성된 화면 보기 👉 Electron 데이터가 없으면 '데이터가 없습니다.' 뜨고, 데이터가 있으면 테이블로 값을 넣을 예정이다. 또 na-nii.tistory.com 당시에 Client에서 상세 페이지로 이동할 데이터가 없어서 구현을 안했는데, Server에서 데이터를 입력할 수 있게 만들었으니, 상세 페이지 이동을 구현해보자!~ 완성된 화면 보기 👉 React /all 에서 게시물을 누르면 해당 게시물의 index인 /all/3으로 이동하는 것을 확인..
📖 개요 이전 포스팅에서 만든 HTML 코드를 불러와서 수정하거나 삭제하는 방법을 알아보자! 완성된 화면 보기 👉 REACT 📁 폴더 구조 Server_react 웹서버는 페이지별로 폴더를 나누었다. 그 중에서 페이지네이션처럼 공통으로 쓰는 부분은 Common폴더를 만들어 넣어주었다. 각 폴더에는 Create, Detail, Page, Post 이렇게 4가지의 js 파일이 있을 예정이다. _Create : 문서를 만들어서 저장하고, DB에 해당 값을 저장하는 페이지 _Detail : 생성된 문서를 읽어오는 페이지, 전송 버튼이 있어 Electron 앱에 해당 문서를 띄워주는 역할을 한다. _Page : 테이블을 만들어주는 페이지 (이전 Client에서 BoardList 페이지 역할) _Post : DB에..
📖 개요 DB에 저장한 데이터를 가져와, CKEditor에 수정 가능한 형태로 넣어줄 예정이다. 📁 폴더 구조 Server_react 웹서버는 페이지별로 폴더를 나누었다. 그 중에서 페이지네이션처럼 공통으로 쓰는 부분은 Common폴더를 만들어 넣어주었다. 각 폴더에는 Create, Detail, Page, Post 이렇게 4가지의 js 파일이 있을 예정이다. _Create : 문서를 만들어서 저장하고, DB에 해당 값을 저장하는 페이지 _Detail : 생성된 문서를 읽어오는 페이지, 전송 버튼이 있어 Electron 앱에 해당 문서를 띄워주는 역할을 한다. _Page : 테이블을 만들어주는 페이지 (이전 Client에서 BoardList 페이지 역할) _Post : DB에서 데이터 받아와서 테이블에 ..
📖 개요 이번 포스팅에서는 버튼을 눌러 DB에 저장하는 방법을 알아볼 예정이다. 완성된 화면 보기 👉 React 📁 프로젝트 설명 우선 프로젝트를 간략히 설명하면, server_react 폴더에 React 코드와 server 폴더에 node.js 코드를 구현했다. (이 포스팅에서는 SERVER만 다룰 예정이다.) React를 이용해 프론트를 구성하고, node.js를 통해 DB와 통신할 예정이다. 📁 폴더 구조 Server_react 웹서버는 페이지별로 폴더를 나누었다. 그 중에서 페이지네이션처럼 공통으로 쓰는 부분은 Common폴더를 만들어 넣어주었다. 각 폴더에는 Create, Detail, Page, Post 이렇게 4가지의 js 파일이 있을 예정이다. _Create : 문서를 만들어서 저장하고, ..
📖 개요 이번 포스팅에서는 CKEditor를 이용해서 HTML 편집기 (웹 에디터)를 만들 예정이다. CKEditor에 대한 자세한 포스팅은 이전 포스팅을 참고 바란다. [CKEditor] CKEditor Custom (feat. React) 🌞 개요 게시판 형식으로 앱을 만들 예정이라 HTML 편집기가 필요했다. HTML 태그를 사용해서 pop-up 이미지를 꾸밀 수 있어야 하기 때문에 문서 편집 뿐만 아니라 HTML 수정도 가능해야한다. HTML 편 na-nii.tistory.com 완성된 화면 보기 👉 React 소스 버튼을 누르면 HTML 소스코드로 변환되는 것을 확인할 수 있다. 기본 HTML 편집기 기능만으로는 CSS가 한정적이라 아래와 같이 HTML 코드를 직접 수정할 수 있게 만들었다. 📁..
