[TIL] 2023-1023 부상 주의 삐용삐용

Facts

- 또 잠깐 방심한 사이 며칠이 지나버렸다. 회사 일 이외에 운동밖에 안해서 딱히 뭘 써야할지 몰랐다고 하고 넘어가자.

- 새로 런칭하는 프로젝트 개발 일정 산출 및 개발 착수

- 배포 전 QA 에서 발견된 이슈 수정

 

Feelings

- 허벅지 부상당해서 병원 다녀왔다. 미세하게 찢어져 피가 고여 감각이 이상하게 느껴질 수 있다는 의사선생님의 말씀이... 가동범위 나온다고 쭉쭉 늘리지 말고 스트레칭 잘 하고 준비가 잘 된 상태에서 들어가도록 하자. 흠 분명 스트레칭 열심히 했는데 참;;; 부상 조심 ㅠ 

 

Finding

- Sentry init 을 한 뒤 초기 CSS 가 깨지는 현상이 있었다. 원인은 replay 플러그인이었는데, 다음과 같이 App 컴포넌트에서 lazy loadin g 하도록 해 해결할 수 있었음. index 에서 init 을 할 때 replay 플러그인과 충돌되는 뭔가가 있는게 아닐까라는 추측 정확한 원인은 모르겠다.

// Sentry Replay 연동
useEffect(() => {
(async () => {
  const { Replay } = await import('@sentry/browser');
  const client = Sentry.getCurrentHub().getClient<BrowserClient>();
  client?.addIntegration(
    new Replay({
      maskAllText: false,
      blockAllMedia: false,
    })
  );
})();
}, []);

 

- vite 에서 NODE_ENV 참조가 정상적으로 안될땐 import.meta.MODE 를 사용하자. build 시점에 NODE_ENV 를 production 으로 초기화 하는 듯. 아무리 cross-env 로 주입을 해도 동일한 현상이 있음. script 에서 --mode 를 통해 모드를 주입할 수 있으므로 이를 활용하는게 낫다. 

 "build:dev": "vite build --mode development",
 ...
 const isProduction = import.meta.env.MODE === 'production';