소소하냐

1. 설치 전 다운로드 Elasticsearch Windows 다운로드 [다운로드 링크] Kibana Windows 다운로드 [다운로드 링크] 2. 원하는 위치에 압축 풀기 Kibana는 압축 푸는데 시간이 오래 걸립니다. 다 풀린줄 알고, 실행했는데 경로 오류가 발생하여 확인하니 압축이 덜 풀린 문제였습니다. ;; 3. Elasticsearch 실행 (명령 프롬프트) * \elasticsearch-8.4.3\bin 이동 > elasticsearch.bat 실행 4. Elasticsearch 실행 확인 중 오류 발생 * http://localhost:9200/ -> 페이지가 작동하지 않습니다. 오류가 발생 5. 설정 변경 * \elasticsearch-8.4.3\config\elasticsearch.ym..

Modal Popup(Layer Popup)을 제어할 수 있도록 하고 싶습니다. 결과물 - 여러 개 모달 팝업이 중첩될 수 있도록 한다. - Dimmed 처리도 함께 돼야 한다. 주어진 Html 조건 * root 영역 바깥에 dimmed 영역이 있다. * modal popup 영역은 Layout 컴포넌트에 위치한다. 소스 파일 간략 설명 * common.css : - 모달 팝업 관련 css 추가 * index.html : - 하위에 영역 추가됨 (dimmed 처리 위함) * Layout.js : - 모달 팝업 제어용 openModalPopup, closeModalPopup 이벤트 추가 - {modalPopup} 추가하여 모달 팝업이 해당 위치에 표시되도록 함 - 로 이벤트 전달 * Modal.js : -..

Lnb, Top 영역은 컴포넌트로 빼더라도, 모든 페이지마다 전체 화면을 감싸는 영역과 Lnb, Top 영역을 반복해서 작성하는 건 불편합니다. 페이지에서는 해당페이지의 내용(Contents)만 작성하고 싶습니다. [ 원하는 결과물 ] - Layout (공통으로 감싸는 영역) : 바깥의 빨간색 테두리 영역 - Top(GNB) : 상단 메뉴 영역 (파란색 테두리) - LNB : 좌측 메뉴 영역 (파란색 테두리) - Contents 부분은 Route로 매핑하여 Contents 부분만 변경되도록 (검은색 영역) ==> 각 페이지 컴포넌트는 Contents 영역만 작성하면 되도록 [ 폴더 구조 추가 ] - /commons 폴더 : 컴포넌트가 아닌 순수 자바스크립트 공통 함수들 모음 - /components 폴더..

이전 포스팅에서 틔운 미니를 중고로 구매하고, 청치마 상추/쌈추 씨앗 키트를 구매했고, 중고 구입 시 함께 딸려온 로메인 키트가 있습니다. 청치마 상추로 한번 시도해보고, 괜찮으면 추가 구입을 할까 했는데 이 녀석이 너무 잘 자라니, 빨리 다른 것도 키워보고 싶습니다. (빨리 먹고 싶어서가 더 큰 이유일 수도 있습니다.) 그래서, 다시 중고로 틔운 미니를 구입했습니다. 이번에는 딸려오는 씨앗은 없었습니다. 틔운 미니에는 한 종만 키울 수 있게 되어있으니, 당연히 한 종만 키워야지 생각하고. 쌈추를 키울 생각을 했습니다. 하지만, 채소 좋아하는 반려인이 좋은 제안을 합니다. 쌈추 씨앗 키트에서, 반 쪽의 씨앗을 빼고 로메인 씨앗 키트에서, 반 쪽의 씨앗을 빼서 빼놓은 로메인 씨앗은 쌈추 씨앗 키트쪽으로, ..

집에 채소를 잘 먹는 반려인이 있습니다. 저는 식물을 잘 못 키웁니다. (잘 죽입니다;;) 벌레는 싫어합니다. 이런 저에게 구매욕을 일으킨 녀석이 '틔운'입니다. '틔운'은 크기도 크고, 가격도 비싸고, 둘 공간도 없습니다. 딱 냐냐하기 좋은 '틔운 미니'에 눈독 들이고 있다가! 중고로 먼저 한번 시도해보기로 했습니다. 틔운 미니 + 루꼴라 씨앗키트를 중고로 구매했습니다. 하지만, 쌈야채로 채소를 많이 소비하기에 루꼴라는 먼가 만족스럽지 않습니다. '청치마상추 + 쌈추' 씨앗 키트 세트를 구입했습니다. 배송 올 때까지 기기는 조명의 용도로 쓰며 눈이 빠지게 기다렸습니다. +_+ 드디어, 씨앗키트가 도착했습니다. 2022년 08월 11일 (목) - 1일차 늦은 저녁 '청치마 상추'를 심었습니다. 2022년..

이전 기록에서 프로젝트 생성까지 진행하였습니다. 이번 기록에서는 Layout 화면을 컴포넌트로 분리 전, 샘플 페이지로 표현하고 싶은 부분을 대략 작성하는 것까지 입니다. (다음 기록에서 Lnb, Top, Contents로 분리하는 부분을 작업하려고 합니다.) css는 따로 컴포넌트화 하지 않고, 전체적으로 참조하도록 진행할 예정입니다. 1. Prettier 설치 및 설정 1-1. 사용이유 * 정해진 코딩스타일에 맞추어 저장되도록 * 본인 작성시에도 편하고, 여러 명이 함께 개발할 때 코딩 스타일을 자동으로 맞추어주니 편함 1-2. 설치 npm i prettier --save-dev 1-3. 코딩 스타일 지정 .prettierrc.js : 해당 파일 없을 경우 default 값으로 지정, 별도 지정하려면..

React로 관리자 사이트를 만들게 되어, 기록할 겸 남겨보기로 합니다. 실제 프로젝트를 공유할 순 없으니, 실 프로젝트를 하면서 겪은 내용들을 테스트 프로젝트에 풀어내 볼 계획입니다. (계획대로 될지는.... 모르겠습니다. ) [ 작업자 환경 ] * Window 사용 * Git : 2.37.1 버전 * Node.js : 18.11.0 * 에디터 : WebStorm 1. 프로젝트 생성 : sosohanya-react-admin 1-1. 프로젝트가 생성되길 원하는 디렉토리로 이동 ( 예: c:\project\react ) 1-2. 우클릭 > Git Bash 열기 (또는 명령 프롬프트열고 해당 폴더로 이동) 1-3. 프로젝트 생성 명령어 실행(CRA) : `npx create-react-app sosohan..

잘 사용하던 페이지에서 오류가 발생했습니다. (.NET Framwork, 2.0 web form) (다른 곳에서 관리하는 API를 호출하여 하루에 한번 데이터를 갱신하는 페이지) 오류는 아래와 같습니다. - 전송 스트림에서 예기치 않은 EOF 또는 0바이트를 받았습니다. - WebException: 기본 연결이 닫혔습니다. 보내기에서 예기치 않은 오류가 발생했습니다. 소스 수정도 없었고, 로컬 서버와, 프로덕션 서버는 정상적으로 동작하고 있었기에 소스 수정은 생각하지 않고 있었습니다. 서버 환경 문제로 생각하고 IIS 설정을 맞춰보았지만 별 소용이 없었습니다. 여러 검색 결과에서, TLS 버전 문제를 이야기합니다. (이것도 서버 환경 문제로 발생한거 같긴 합니다. 언제, 왜 변경이 되었는지는 여러 명이 ..

경고 : 스포일러를 전혀 생각하지 않은 의식의 흐름대로 정리한 감상입니다. 스포일러가 어디에 있을지 모르니, 영화를 보지 않았거나, 결론을 알고 싶지 않으신 분은 여기서 멈춰주세요. 감상일 : 2022.06.25 쥬만지의 시작을 알리는 둥둥둥둥~ 북소리 >ㅁ

경고 : 스포일러를 전혀 생각하지 않은 의식의 흐름대로 정리한 감상입니다. 스포일러가 어디에 있을지 모르니, 영화를 보지 않았거나, 결론을 알고 싶지 않으신 분은 여기서 멈춰주세요. 감상일 : 2022.06.24 넷플릭스 상위에 뜨기도 했고, 수학에 (필요에 의해?) 관심 있어 하는 배우자가 관심 있을 것 같아 함께 시청하였습니다. 초반엔 나름 재미도 있고 흥미로웠지만, 중반을 넘어 후반으로 가면 갈수록 개연성이나 만듬새가 떨어져서 실망스러웠습니다. - 문제 오류에 대한 주인공의 이야기에 "질문자의 의도"를 알아야 한다는 -ㅁ- 무려. 수학 선생님의 이야기에 뜨아. ㅇ_ㅇ - 마지막 강당에서, 담임이자 수학선생님의 이해할 수 없는 범행자백이라기보다 이상한 행동 후 뛰쳐나감 ㅇ_ㅇ 하고 싶은 말(주제)이 ..