[TIL]

1.no-case-declarations

case/default 절에서는 선언을 허용하지 않는다. 이유는 선언이 전체 스위치 블록에서는 볼 수 있지만 해당 case에 들어올 때만 초기화되기 때문이다.

나의 경우는 해당 case에서만 사용할 것이기 때문에 case안에 넣고 싶다. 굳이 필요없이 api를 호출하고 싶지 않기 때문이다.

해결방법

1. var로 선언
2. 블록으로 감싼다.

나의 경우는 블록으로 감싸는 것을 택했다.

참고: https://eslint.org/docs/latest/rules/no-case-declarations

no-case-declarations - ESLint - Pluggable JavaScript Linter

 

2. Chrome 개발자 도구로 디버깅하기

MS Teams에서 embedded된 페이지에서 다른 페이지로 이동을 해야하는데 redirect url이 잘못되어있었다.

디버깅을 통해서 찾아낼 수 있었는데 개발자도구의 디버깅 기능에 대해서는 별로 사용해 본 적이 없는데 굉장히 유용했다.

1. 'embedded-page-container'을 연다.
2. 'webpack'을 연다.
3. 디버깅하고 싶은 파일을 연다.
4. 디버깅하고 싶은 코드를 포인터로 선정한다.
5. 다시 Teams로 돌아와 버튼을 누른다.
6. 코드가 진행되다가 내가 포인터로 설정한 코드에 오면 멈춘다.
7. 이어서 진행하고 싶으면 화살를 누른다.