책과 게임이 좋은 개발자 책과 게임이 좋은 개발자

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..

회사에서 신규 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 위의 문서에서..

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..

두번째 플래티넘 게임이 DQ11s 입니다. 데스스트랜딩에서 플래티넘을 처음 딴 이후에 멈출수가 없네요. ㅎ.    게임시간은 총 105시간 입니다. 데스 스트랜딩 끝나고 바로 시작한거니가 대충 4월 20일쯤에 시작해서 7월 16일에 플래티넘을 땄네요. 개인적으로 플래티넘 난이도는 데스 스트랜딩보다 어려웠습니다. 가장 마지막에 진진진 엔딩 보스는 좀 많이 빡세더라구요. ㅠ. 위에 시간을 보면 새벽 4시반에 최종 플래티넘을 땄는데 사실 저녁에 시작할 때는 새벽 2시쯤이면 끝나겠지 하고 시작했었습니다. 근데 마지막 보스한테서 1시간넘어 걸리면서 ㅠ.   암튼 최종 스펙은 장비는 다음과 같습니다. 레벨은 토로피때문에 모두 99 만렙입니다.    트로피 난이도는 데스 스트랜딩보다 높은데 스트레스는 데스 스트랜딩보..

회사에서 Elasticksearch cluster 버전 rolling upgrade를 진행했던것을 기록차 정리합니다. ELK Stack rolling upgrade 가이드를 참조해서 진행했습니다. 참고로 7.2버전에서 7.17.2 버전으로 upgrade 하였습니다. https://www.elastic.co/guide/en/elasticsearch/reference/7.17/rolling-upgrades.html Rolling upgrades | Elasticsearch Guide [7.17] | Elastic During a rolling upgrade, the cluster continues to operate normally. However, any new functionality is disable..

실제 사용한 부분에 대해서만 설명하겠습니다. 먼저 하기와 같이 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": "..

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..

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입니다...

데스스트랜딩으로 첫 플래티넘 트로피를 땃다. 총 100시간 이상 했던것 같고, 2월달에 시작해서 4월에 트로피를 얻었다.    PS PLUS에 포함된 게임중에 대작을 찾다가 오로지 "코지마 히데오" 이름을 믿고 시작하였다. 워낙 호불호가 갈리는 게임이라서 크게 기대하지 않고 했는데, 아니나 다를가 초반에는 이게 뭔가 싶을 정도로 재미가 없었다. 화면이 좋고, 음악도 너무 좋은데 게임이 너무 재미가 없었다. 그냥 이대로 접을가 싶었는데, 위처3처럼 좀 하면 재밌어 지겠지 하면서 억지로 했는데, "대통령 시체" 옮기는 퀘스트 하면서 처음으로 "BT"를 만나면서 부터 좀 몰입되기 시작했다. "BT" 상대하는 무기가 적고 이해도가 적은 초반에는 정말 많이 끌려가서 죽고 화물이 터지고 해서 너무 스트레스 받았는데..

여기에서도 제가 사용한 부분에 대해서만 설명하겠습니다. 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..

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 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 ..

nginx에 다른 사람이 만든 custom module를 추가하면서 요청 처리 단계에 대해서 알게 되었고 그에 대해 공유하려고 합니다. 제가 사용한 cutom module은 사내 프로젝트라 설명에 사용하기 어려워서 nginx auth request module를 예로 설명드리겠습니다. 참고로 auth request module은 nginx에서 요청의 auth 검증을 할때 많이 사용하는 module입니다. http://nginx.org/en/docs/http/ngx_http_auth_request_module.html Module ngx_http_auth_request_module Module ngx_http_auth_request_module The ngx_http_auth_request_module m..

이번에는 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..

이전 글: 2022.09.23 - [지은이에게/지은이 키우기] - [지은이 키우기] 7. 요로감염(3) - 완치 및 보험청구 위의 "요로감염 완치" 글 쓰고 얼마 지나지 않아서 지은이 요로감염이 또 재발하였다. ㅠ. 재발 -> 항생제 먹고 -> 완치된듯? -> 신자초음파 검사 -> 재발 -> 항생제 -> 신장초음파 검사 결과 확인(소변검사 진행함) -> 나머지 항생제 다 먹고 한달 정도 지나서 다시 소변검사 진행 -> 완치(글쓰는 지금까지, 약 3개월 지남, 다시 재발하지 않음) 재발되고 완치판정 받는데까지 거의 2개월 걸린듯하다. 1. 요로감염 재발(1차) 나머지 항생제를 다 먹고 4일(?) 정도 지나서 아내가 지은이 기저귀에서 또 화학약품 냄새가 난다고 했다. 일단 요로감염 검사결과를 당일에 받을수 ..

저희 project에서 react-spring 을 animation 관련기능에서 활용하고 있었습니다. https://react-spring.dev/ react-spring Bring your components to life with simple spring animation primitives for React react-spring.dev 최근 project에서 사용하는 node/typescript/webpack 등 package 버전을 올리면서 react-spring도 최신버전으로 upgrade하였습니다. upgrade 이후 project가 IE11에서 동작하지 않는것이 확인되었고 하기 위치에서 arrow function이 있는것을 볼수 있었습니다. 해당 코드를 확인해보니 react-spring 코..