민수의 개발 일지 블로그

리액트에서 중요한 keyword 모음 useEffect, useState, inputRef , function, component, App ,dummy, map 함수, 컴포넌트 상속 useEffect : 함수를 특정 조건일 때 발동시킨다. useState: 변수를 업데이트 할 때 사용한다. inputRef : 입력 받은 값을 변수에 저장시킨다. function : 변수를 업데이트 시킬 함수를 저장하는 예약어다. component : 하나의 앱에 들어갈 요소들 (instance 개념이며, 각각의 컴포넌트 들을 하나의 스크립트 파일로 관리한다.) App : html에 띄울 최종적인 컴포넌트의 집합 dummy : json 데이터를 가져올 때, import dummy from "json 데이터 파일 경로" 를 ..

로컬에서 개발함 npm : node package manager yarn : npm과 역할 동일 (편함) react 설치 명령어 : yarn create react-app nospoon 그럼 디렉토리에 nospoon 디렉토리가 또 생김 --> yarn start OOP (객체지향 프로그래밍) Componet : UI를 객체화 *yarn add react-router-dom : URL 네비게이팅 해주는 패키지 *yarn add axios : react가 Django API를 호출하는 패키지 *yarn add antd : react의 UI 라이브러리 code . --> vscode에서 디렉토리 확인 다 설치하기 index.html-->index.js-->App.js 그럼 파일럿 프로젝트 만들기 1. antd..

WSGI (web server gateway interface)에 대하여 : 장고의 내장서버 장고의 내장 서버는 이번 장에서 설명할 웹 서버와 WSGI 서버의 기능을 모두 포함하고 있다. 다만 내장 서버는 기능이 단순하고 '대량 요청'이나 '동시 요청'을 효율적으로 처리하지 못하므로 운영 환경에는 적합하지 않다. 이 방식은 python mange.py runserver 명령어를 통해 실행했다. 먼저 정적 페이지, 동적페이지에 대해서 알아보자. 정적(static) 페이지 웹 브라우저로 다음 URL을 요청해 보자. (여러분의 고정IP를 사용하자.) http://3.37.58.70:8000/static/bootstrap.min.css 그러면 웹 브라우저 화면에 다음과 같은 내용이 그대로 출력될 것이다. @ch..

pip install -U drf-yasg pip install flex 젤 처음 쉘에서 실행 s=Search(index = "tranbeat") # get/_search 실행 --> views - [INFO] [{'_index': '.ds-tranbeat-2023.08.08-000001', '_id': 'Ha0q1IkB45HpZOtWXtMK', '_score': 0.0, '_source': {'input': {'type': 'filestream'}, 'agent': {'name': 'direa-server01', 'id': 'c6d549ca-1894-4986-b48f-866047210e5e', 'type': 'filebeat', 'ephemeral_id': 'd6dcf1de-3928-4dc7-add4-..

하층부 1. Cruz Link에서 Log파일을 Filebeat로 전송한다. 2. Filebeat의 데이터 정보를 Elasticsearch로 전송한다. 3. Elasticsearch의 데이터를 kibana와 통신하여, 데이터의 변화를 실시간으로 관찰하며 4. 프론트에서 요청해온 Elasticsearch의 데이터를 Django Backend 서버를 통해 전달하는데 5. 데이터 전달을 위해 Django Backend에서 Elasticsearch DSL API 요청을 한다 . 6. Django의 API 요청 과정은 제일 상층부부터 이루어진다. 상층부 1. Client쪽에서 URL Request를 보낸다. 우리는 아마 홈페이지의 조회 창에서 특정 날짜, 조건 등을 변수로 담고 request를 특정 URL로 보낼 ..

Django란 무엇인가? API 호출 단위 (Object)와 Relation Table을 서로 맵핑해주는 웹 프로그래밍 프레임워크이다. (ORM이다.) 전체적인 프로젝트 진행 방식 더보기 기본적인 구조 api(1)를 호출 할 때와 web page(2) 를 호출 할 때, return 이 각각 다르다 . (1) : template 리턴해준다. (2) : data를 리턴해준다 . nospoons.urls.py --> api.urls.py (url 패턴을 매치함) --> view.py 에서 함수 호출한다. --> models.py 파일에서 데이터 테이블을 만든다. models.py에서 오브젝트에 대한 db테이블을 생성한다. *models.py의 역할은? : 각 앱에 대한 데이터베이스 스키마를 정의한다. pyth..

Filebeat 데이터 수집 후 kibana에서 확인 + kibana를 이용한 ingest pipeline 설정 (@timestamp 필드 reformat --> 요건 painless script로 수정, 그리고 message 필드 데이터를 여러개의 필드로 분할) + pip3 -Version으로 가상환경 설치 및 Django 설치 **중요 Django를 사용할 디렉토리는 home/가상환경 디렉토리이다. 아래는 프로젝트명/settings.py 파일 코드 (설정을 몇 가지 건드려줘야한다.) """ Django settings for nospoon project. Generated by 'django-admin startproject' using Django 4.2.4. For more information ..

*전제사항 : 본인이 PPT를 제작하자. 그렇지 않으면 명확한 발표가 힘들어진다. 컨텐츠의 흐름을 확실하게 파악해야한다. 1. 목차정리 (보기 쉽게 배열 ) 2. 소제목에 대한 개념의 정의를 명확하게 설명하라 3. 그 정의에 대한 근거를 아래 컨텐츠로 제시하고 오로지 각 컨텐츠에 대한 설명만 하라. (부연 설명은 오히려 명확한 이해에 방해요소가 될 수 있음)

Pilot Project : CruzLink 솔루션 거래전문 로그를 수집하고 조회하는 화면 구현 log file -> file beat -> elasticsearch (kibana) -> Django->React elastic search terminal 설치 과정 설명 (본인 랩탑에는 putty로 설치) 1.ssh 서버 로그인 (아이피 접속) 2. elastic search 공식 홈페이지 가이드 https://www.elastic.co/guide/en/elasticsearch/reference/current/targz.html 접속후 쉡 스크립트 작성 1. client와의 통신은 40530 (http 서버) 포트를 이용한다. 2. 노드 내부 통신 (읽기, 쓰기, replica복제 등등) 은 transp..

-Data Stream time_series data에 사용한다. time_series data들은 growing 속도가 매우 빠르기 때문에, 여러 인덱싱이 필요하다. 우리가 똑같은 구조의 indexing을 편리하게 (자동 인덱싱) 하기 위해서 data stream 기능이 elastic search에 추가가 되었다. 이러한 방식을 backing-indexing이라고 한다. 기존 alias 방식은 우리가 수동적으로 인덱싱을 해야해서 불편함 data stream에서 Write operation은 가장 뒤 backing_index에 수행되게 된다. 특정한 인덱스로의 쓰기 수행은 할 수 없다. (수정하고 싶다면 update_by_query나 delete_by_query 문을 사용해라) -Index Templat..