deep_sea deep_sea

NPS란 무엇인가?NPS는 Net Promoter Score의 약자로, 고객 충성도 및 만족도를 측정하는 지표입니다. 고객이 기업이나 제품을 다른 사람에게 추천할 가능성을 평가하는 방식으로 이루어집니다. NPS는 일반적으로 아래의 단순한 질문을 통해 측정됩니다: “이 제품(또는 서비스)을 친구나 동료에게 추천할 가능성이 얼마나 되십니까?” 응답은 0부터 10까지의 점수로 평가되며, 그에 따라 응답자는 세 가지 범주로 나뉩니다:  1. Promoters (추천자): 9-10점을 준 사람들로, 해당 제품을 적극적으로 추천하고, 기업의 성장을 돕는 고객들입니다. 2. Passives (중립자): 7-8점을 준 사람들로, 제품에 만족하지만 크게 추천하거나 비판하지 않는 고객들입니다. 3. Detractors (..

useEffect(() => { if (show) { setShow(true); } }, [show]);이런 코드가 있다고 가정하자. 그런데 의존성 배열에서 eslint 에러가 발생한다.그 이유는 무엇일까?에러가 발생한 부분에서 노출되는 툴팁을 보면React Hook useEffect has a missing dependency: 'setShow'. Either include it or remove the dependency array.eslint~[react-hooks/exhaustive-deps](https://github.com/facebook/react/issues/14920)~ GitHub - facebook/react: The library for web and nativ..

프로젝트의 구조는 MFE(Micro Frontend) 아키텍처를 적용하고 있고, 약 10개 이상의 FE로 구성되어 있습니다.그리고 런타임에 통합되는 애플리케이션이 존재합니다.런타임에 통합되는 애플리케이션이란?Application : 런타임에 통합되는 애플리케이션Micro Service * : Micro Frontend 모듈※ MFE를 Micro Service라고 칭하고, MS라고 사용하겠습니다. 각 MS가 모듈로 작성 및 생성되고, Application에서 각 MS를 가져다가 사용합니다.즉, 배포되어 서비스되는 것은 Application입니다. 그렇다면 무슨 문제가 발생하였는가?발생한 문제는 다음과 같습니다.각 MS 모듈에서 사용하고 있는 dependencies와 함께 빌드되어 생성되면 모듈 사이즈가 엄..

개요개발을 하다가 Heartbeat와 Healthcheck에 차이에 대해 궁금하여 찾아보게 되었습니다.저는 Heartbeat와 Healthcheck가 가지고 있는 목적성은 서로 비슷하다고 생각하고 있었는데 과연 그러한지 확인해봅시다! Heartbeat우선, Heartbeat에 대해 알아봅시다. 직역하면 심.장.박.동입니다. 2PM의 Heartbeat부터 생각나는 저란 놈은...ㅎ 말 그대로 시스템이나 애플리케이션이 정상적으로 작동하고 있는지 확인하기 위해 주기적으로 신호를 보내는 메커니즘입니다.주로 클러스터 환경에서 노드 간의 상태를 확인합니다. 또는 분산 시스템에서 각 구성 요소의 가용성을 모니터링하기 위해 사용합니다.즉, 노드 간의 상태를 확인하는 것이라고 정의할 수 있습니다.분산 시스템이란? htt..

에러"..........\virtual:@storybook\builder-vite\preview-entry.js". Does the file exist?storybook을 실행하다가 위와 같은 에러가 발생하였습니다.먼저, Storybook cache를 삭제해 봤으나 실행에 실패하였습니다. 그래서 Storybook을 재설치 해 보았으나 이 방법 또한 실패했습니다. 원인찾아보니 Windows 환경에서의 파일 경로 문제였습니다. 해당 프로젝트 파일의 경로 중 한글이 존재했습니다. ㅠㅠ해결 방법모든 경로가 영문이 되도록 수정 후 다시 실행하니 정상 작동하였습니다!  끗!참고 : Vite preview-entry.js Not Found · Issue #19108 · storybookjs/storybook Vite..

에러 로그의 내용은 다음과 같습니다. Integrity check failed for "..." (computed integrity doesn't match our records, got "sha512-... sha1-...") 이 에러는 Yarn 패키지 매니저에서 패키지의 무결성을 확인하는 과정에서 문제가 발생한 것입니다. 패키지의 무결성은 해당 패키지의 내용이 변경되지 않았음을 보장하는데 사용되는 체크섬에 관련된 오류입니다. 잠깐! 여기서 체크섬(Checksum)이란? 체크섬은 데이터의 무결성을 확인하기 위한 일련의 문자열입니다. Yarn에서의 체크섬은 패키지의 무결성을 보장하기 위해 사용됩니다. 이를 통해 다운로드한 데이터가 손상되지 않았는지 확인합니다. 만약 데이터에 변경이 있다면, 체크섬이 일치..

Docker-compose란 무엇? 다중 컨테이너를 정의하고 실행하기 위한 기능입니다. YAML 파일을 사용하여 서비스를 구성합니다. YAML 파일 정의 옵션 # yaml 파일 포맷의 버전입니다. docker compose마다 사용하는 yaml 포맷 버전이 있습니다. version: "3" # 생성될 컨테이너를 정의합니다. services: # 컨테이너 이름을 정의합니다. container_name: # 여기서 부터는 컨테이너의 옵션을 정의합니다. image: links: networks: restart: ports: volumes: environment: env_file: image 컨체이너 생성 시 사용할 이미지를 정의합니다. links 컨테이너 간의 네트워크 연결을 설정합니다. 권장되지 않은 예전 ..

Dockerfile이란? Dockerfile은 사용자가 docker image를 조합하기 위해 CLI에서 호출할 수 있는 모든 명령이 포함된 텍스트 문서입니다. 일종의 스크립트 파일입니다. Dockerfile을 작성하기 위해서는 다양한 명령어들이 존재합니다. Dockerfile 기본적인 명령어 # 기본 이미지를 지정합니다. FROM ubuntu:latest # 이미지를 유지보수하는 담당자의 정보를 제공합니다. MAINTAINER Your Name # 명령어를 실해앟여 이미지를 빌드합니다. RUN apt-get update && apt-get install -y \ package1 \ package2 \ && rm -rf /var/lib/apt/lists/* # 작업 디렉토리를 설정합니다. WORKDIR ..