-
[CKEditor5+React] Image & File upload 기능ckeditor 2020.09.29 19:29
CKEditor에서 Image, File upload를 어떻게 하는지에 대해 설명 드리겠습니다. Official document를 보면 Image & File Upload에 대해 모두 소개한 내용이 있습니다. https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/image-upload.html Overview - CKEditor 5 Documentation Learn how to install, integrate and configure CKEditor 5 Builds and how to work with CKEditor 5 Framework, customize it, create your own plugins and custom editor..
-
[ELK Stack] Elasticsearch 검색(search) - Compound QueryELK Stack 2020.12.01 16:50
실제 사용한 부분에 대해서만 설명하겠습니다. 먼저 하기와 같이 test에 사용하는 data를 생성하겠습니다. PUT /test_query/_doc/1 { "sports": "football", "name": "Messi" } PUT /test_query/_doc/2 { "sports": "football", "name": "Ibrahimovic" } PUT /test_query/_doc/3 { "sports": "basketball", "name": "LeBron James" } PUT /test_query/_doc/4 { "sports": "basketball", "name": "DF ER Nicole James basketball" } PUT /test_query/_doc/5 { "sports": "..
-
[Docker + nginx] 로 static 파일 서버 만들기 (Windows)nginx 2020.11.19 19:32
Windows에서 docker와 nginx 로 static 파일 서버 만드는 방법 공유하겠습니다. Docker Hub에 있는 nginx 이미지를 기반으로 서버를 구축했습니다. hub.docker.com/_/nginx nginx - Docker Hub Supported tags and respective Dockerfile links 1.17.6, mainline, 1, 1.17, latest 1.17.6-perl, mainline-perl, 1-perl, 1.17-perl, perl 1.17.6-alpine, mainline-alpine, 1-alpine, 1.17-alpine, alpine 1.17.6-alpine-perl, mainline-alpine-perl, 1-alpine-perl, 1.17 h..
-
[ELK Stack] Elasticsearch 검색 - Highlight, Nested FieldELK Stack 2020.10.20 19:22
Elasticsearch(ES)에 저장된 data는 _search REST API를 이용하여 검색할수 있습니다. 시스템의 검색기능을 구현하면서 찾아봤던 자료들을 정리하려고 합니다. 검색관련해서는 ELK official document를 참고하시면 되겠습니다. www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl.html Query DSL | Elasticsearch Reference [7.9] | Elastic Elasticsearch provides a full Query DSL (Domain Specific Language) based on JSON to define queries. Think of the Query DSL as an A..
-
[ELK Stack] [초보자] Logstash 시작하기ELK Stack 2020.10.18 16:09
Elasticsearch 한국 official site의 logstash 동영상을 보고 공부하였고 그 내용을 정리하였습니다. 저는 windows 10에 logstash를 설치하였습니다. www.elastic.co/kr/webinars/getting-started-logstash Getting Started with Logstash Logstash는 포맷이나 스키마에 관계 없이, 모든 데이터를 수집하고 강화 및 통합하기 위한 Elastic Stack의 중앙 데이터 플로우 엔진입니다. Logstash의 실시간 데이터 처리는 Elasticsearch, Kibana, Beats와 연� www.elastic.co 1. logstash 실행하기 logstash의 실행파일은 bin폴더의 logstash.bat입니다...
-
[CKEditor5+React] Troubleshootingckeditor 2020.09.29 16:17
이번에는 project 진행하면서 발생했던 몇가지 이슈와 해결방법을 적으려고 합니다. 1. CKEditorError: ckeditor-duplicated-modules 관련 project를 진행하면서 정말 많이 본 지긋지긋 한 이슈입니다. 해당 이슈가 나타나는 원인은 딱 한가지 -> CKEditor에서 사용하는 node module이 중복되어 추가되었기 때문입니다. 더보기 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html One of the possible mistakes is trying to add a plugin in this way to an existing (bundled) edi..
-
[CKEditor5+React] create-react-app으로 생성된 project에 ckeditor5를 추가하는 방법ckeditor 2020.09.29 09:18
회사에서 신규 task를 진행하게 됬는데 rich text 기능이 필요했고 찾아보다가 ckeditor5를 선택하였습니다.단순히 document가 잘되어 있는것 같아서 ckeditor를 선택하였는데 정작 시작하니 오히려 문서가 너무 많아서 어떻게 봐야할지도 모르겠다는...... ㅠㅠ암튼 이렇게 저렇게 삽질하면서 ckeditor5로 필요한 기능은 구현완료 하였고 그간 해왔던 내용을 정리하여 공유합니다. ckeditor5를 create-react-app(CRA)에 integrate하는 방법은 official문서에 이미 작성되어 있습니다.https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html 위의 문서에서..
-
[ELK Stack] Filebeat 소개 및 사용ELK Stack 2022.08.31 18:12
1. Beats 소개 엄밀히 말하면 ELK Stack에서는 Beats라는 단일 목적의 데이터 수집기 무료 오픈 소스 플랫폼을 제공합니다. 하기와 같이 filebeat 외에 metricbeat, heartbeat 등 여러가지 beat가 있습니다. https://www.elastic.co/kr/beats/ Beats: Elasticsearch를 위한 데이터 수집기 | Elastic 로그, 네트워크, 인프라 데이터 등을 위한 수집기를 구축하기 위한 오픈 소스 플랫폼으로 Elasticsearch, Logstash, Kibana와 통합됩니다. www.elastic.co Beats는 Go 언어로 작성된 경량 프로그램으로 logstash, elasticsearch와 연계해 다양한 시스템 이벤트를 수집할 수 있게 도와..
-
nginx javascript 모듈 - njsnginx 2022.08.29 18:19
nginx conf 파일에는 복잡한 로직을 넣을수 없습니다(예를 들어, 어떤 헤더가 존재하고 해당 값이 무엇보다 클 때 어떤 url로 redirect한다거나 특정 조건에서 응답 메시지에 헤더값을 추가한다거나). 복작한 로직을 구현할 수 있도록 nginx에서는 여러가지 모듈을 제공하고 있습니다. 이번 포스트에서는 javascript 모듈인 njs를 소개하려고 합니다. https://nginx.org/en/docs/njs/ njs scripting language njs scripting language njs is a subset of the JavaScript language that allows extending nginx functionality. njs is created in compliance ..
-
[HTTP 이해하기] HTTP 메시지HTTP 이해하기 2022.02.24 14:31
HTTP 메시지는 시작줄, 헤더 블록, 본문 이렇게 세 부분으로 이루어진다. 시작줄과 헤더는 그냥 줄 단위로 분리된 아스키 문자열이다. 줄바꿈 문자열은 CRLF 이다. 1. 메시지 문법 요청메시지 형식: 응답메시지 형식 예: https://reqbin.com/req/c-1n4ljxb9/curl-get-request-example How do I send a GET request using Curl? ReqBin is the most popular online API testing tool for REST, SOAP and HTTP APIs. reqbin.com 위의 페이지에서 RAW 로 요청 / 응답 type을 선택하면 HTTP 메시지를 볼수 있다. 2. 시작줄 모든 HTTP 메시지는 시작줄로 시작한다...
-
[지은이 키우기] 4. 50일까지지은이 키우기 2022.10.10 13:51
지은이가 조리원에서 퇴소후 집에 와서 부터 대략 50일까지 썰을 풀어보려 한다. 한마디로 정리하면 이 기간은 그냥 헬(Hell)이다. 기저귀를 갈고, 트림을 시키고, 수유를 하고, 목욕을 하고 등 모든 것을 우리가 해야 되고, 모든 것이 처음이기 때문에 새롭고 서툴고...... 아기가 울기라도 하면 진짜 단체 멘붕이 오는 그런 시기다. 조리원에서 아내가 퇴원후 2주동안 나도 출산휴가를 사용했다. 2주가 어떻게 지났는지 기억도 안나고 휴가 끝나고 출근을 할 때 그냥 너무 피곤했다. 초반에 어려웠던 것들을 아내와 같이 겪다보니 이렇게 그때 당시 상황을 적을수 있는것 같다. 1. 수유 + 젖병 설거지 지은이가 처음으로 집에 왔을 때에는 한번에 60ml, 2시간에 한번씩 수유를 했다. 그렇게 10ml씩 천천히 ..
-
[지은이 키우기] 7. 요로감염(3) - 완치 및 보험청구지은이 키우기 2022.09.23 18:04
이전 글: 2022.09.20 - [지은이에게/지은이 키우기] - [지은이 키우기] 6. 요로감염(2) - 응급실에서 드디어 지은이 요로감염이 완치되었다!!!!!! 처방받은 항생제를 5일(당일 포함)동안 열심히 먹었더니 바로 나았다. ㅎㅎ. 이번 포스트에서는 진료받을 때 의사 선생님이 알려주신 내용과 응급실에서 발생한 비용을 보험청구하려고 시도했던 것들에 대해 간단히 작성해보려 한다. 9월 18일 응급실에서 요로감염 확진을 받은 후 23일(금) 다시 소변검사 하러 아주대 병원을 찾았다. 지은이가 소변을 언제 볼지 모르니 일찍 가서 소변패치를 붙이려고 아침 7시반에 병원에 갔다. 응급실 쪽이 아니라 아주대병원 웰빙센터에서 진료받는걸로 예약되었다. 아...... 그런데 우리는 아주대 병원이 처음이라 진료카드..
-
[지은이 키우기] 6. 요로감염(2) - 응급실에서지은이 키우기 2022.09.20 00:30
이전 글: 2022.09.19 - [지은이에게/지은이 키우기] - [지은이 키우기] 5. 요로감염(1)-소아과에서 1시쯤 집에 돌아온것 같다. 도착해서 아내는 바로 짐을 싸고 나는 장모님이랑 점심 먹을 준비를 했다. 요로감염이면 입원치료를 많이 한다고 해서 아기 장난감, 분유포트, 분유, 젖병, 옷 등 병원에서 지낼 때 필요한 물건을 케리어에 넣었다. 짐을 싸고 점심식사를 하는데 아내는 너무 좋아하는 "꼬막무침"과 "오징어순대"지만 휴대폰으로 입원관련, 요로감염 관련, 응급실관련 내용들을 찾아보느라 거의 먹지를 못했다. 밥 먹고 지은이에게 분유를 먹이고 2시쯤 바로 응급실로 출발하였다. 아주대병원 응급실은 이번이 2번째다. 전에 아내가 요리하다가 기름에 손이 데어서 한번 와봤었다. 코로나 중증응급센터라서..
-
[지은이 키우기] 2. 입원실지은이 키우기 2022.09.13 00:43
이전 포스트: 2022.09.05 - [지은이에게/지은이 키우기] - [지은이 키우기] 1. 아내의 출산 === 지은이 출생 모든 남편, 아이들은 엄마한테 진짜 잘해야 된다. 우리는 새로운 생명이 태어나면 그 생명에게 많이 집중하게 되겠지만 사실 더 관심이 필요한것은 그 아이를 낳은 엄마다. 아이를 낳는 과정이 너무 괴롭고 아프고, 아이를 낳고 나서도 몸 회복이 더디고 면역력도 약해지고 계속 아프다. 나는 아이를 낳는 과정을 보고 아내가 참 안쓰러우면서도 대단하다고 느꼈다. 저때 느낀 감정을 평생 가져가면 나는 아내의 그 어떤 짜증도 다 받아 줄수 있고, 화를 절대 내지 않는 남편이 됬을거다. ㅎㅎ. 그런데 사람은 모든 감정을 바로바로 잊어버린다. 이 글 쓰는 며칠전만해도 아내랑 또 싸웠다. 장모님이 계..
-
[ELK Stack]Elasticsearch 검색 - Full Text QueryELK Stack 2020.12.01 18:59
여기에서도 제가 사용한 부분에 대해서만 설명하겠습니다. Official 문서에 detail 하게 설명되어 있기 때문에 아래에서는 주의 할점만 언급하도록 하겠습니다. www.elastic.co/guide/en/elasticsearch/reference/current/full-text-queries.html Full text queries | Elasticsearch Reference [7.10] | Elastic The full text queries enable you to search analyzed text fields such as the body of an email. The query string is processed using the same analyzer that was applied t..