전체 글

JSX (JavaScript XML) 자바스크립트에 XML을 추가한 확장형 문법이다. 하나의 파일에 자바스크립트와 HTML 동시에 작성이 가능하다. 리액트 엔진은 JSX의 XML구조를 분석하여 자바스크립트 함수코드로 변환한다. *리액트 앱 구동시켜 웹 브라우저에서 확인 가능 (오류도 웹에서 바로 확인 가능) 컴포넌트 기존의 웹 프레임 워크는 MVC방식으로 정보 (Model), 화면(View) , 구동(Controller) 코드를 분리하여 관리하였으나 MVC 각 요소의 의존성이 높은 탓에 재활용이 어려웠다. 컴포넌트가 등장하여 MVC의 뷰를 독립적으로 구성하고 재활용할 수 있게 되었다. 이는 각 요소가 비슷하고 반복적으로 사용하는 경우가 많은 웹사이트에 더 적합한 방식이다. 컴포넌트는 프로퍼티 / stat..

리액트 프런트엔드 프레임워크 중 하나로 화면 출력에 특화된 프레임워크 컴포넌트로 화면 구성을 효율적으로 할 수 있음 작고 독립적인 코드블록인 컴포넌트를 조합하여 원하는 화면 구성 게임 엔진 원리를 도입하여 화면 출력 속도가 빠름 다음 장면에 필요한 화면을 미리 그려두어 변경된 화면의 일부만 수정 리액트 개발환경 설치 노드 버전 매니저로 노드제이에스 설치 yarn과 create-react-app 설치 비주얼 스튜디오 코드와 플러그인 설치 리액트 ES6 문법 템플릿 문자열(template string) : 문자열 안에 변수와 연산식을 혼합하여 사용 - 백틱으로 문자열 표현 - $를 사용하여 변수 또는 식 포함 - Enter를 사용하여 줄을 바꾸는 것도 허용 var string 1 = '안녕하세요'; var ..

Kibana란? ElasticSearch를 시각화하는 도구 Kibana 설치방법 (리눅스에서 docker사용하여 v.7.9.1 설치) 1. kibana 이미지 다운 $ docker pull docker.elastic.co/kibana/kibana:7.9.1 2. kibana 컨테이너 실행 $ docker run -d --link elasticsearch7:elasticsearch -p 5601:5601 --name kibana7 docker.elastic.co/kibana/kibana:7.9.1 Kibana 접속방법 1. kibana 컨테이너 실행 $ docker start kibana7(name) 2. 웹 브라우저에 localhost:5601 입력하여 포트 접속

어그리게이션(Aggregation) : 갖고 있는 document 중에서 어떤 값을 조합해서 값을 내는 방법 매트릭 어그리게이션 (Metric Aggregation) : 산수를 사용하여 값을 내는 aggregation 1. aggregation 파일을 확인한다 { "size" : 0, //보고싶은 값만 보기 위해 size는 0으로 "aggs" : { "avg_score" : { //aggregatino 이름 "avg" : { //사용할 aggregation "field" : "points" //사용할 field값 } } } } field중에서 points값을 사용하여 평균을 낸 것을 도출시키는 avg_points_aggs.json 파일 avg자리에 count / min / max / avg / sum 모..

1. 인덱스 생성 $ curl -XPUT 'http://localhost:9200/classes' 인덱스를 최초 생성하면 mapping이 비어있다. 2. 매핑 생성 $ curl -XPUT 'http://localhost:9200/classes/class/_mapping' -d @classesRating_mapping.json 3. 생성된 매핑 확인 $ curl -XGET http://localhost:9200/classes/?pretty 4. 인덱스에 실제 데이터 삽입 $ curl -XPOST http://localhost:9200/bulk?pretty --data-binary@classes.json bulk사용하여 여러개의 document추가

GET (인덱스 확인) $ curl -XGET [elasticsearch주소] [Index이름] (?pretty) PUT (인덱스 생성) $ curl -XPUT [elasticsearch주소] [Index이름] POST (document 생성) $ curl -XPOST [elasticsearch주소] [Index이름] [type명] [id] [Content-type] -d ' 파일을 직접 올릴 경우 @파일명 추가 예) curl -XPOST http://localhost:9200/classes/class/1/ -H'Content-Type: application/json' -d ' DELETE (인덱스 삭제) $ curl -XDELETE [elasticsearch주소] [Index이름] 데이터 업데이트 $ ..