이롭게 현명하게

리액트는 디버깅이 복잡하여 일반적인 웹페이지를 만들 때처럼 브라우저 개발자 도구를 사용하는 것에 한계가 있다. 효율적인 디버깅을 눈으로 직접 확인할 수 있어 react로 개발 시 사용하는 것을 추천한다. 리액트 디버깅과 개발을 돕기 위한 브라우저 확장 프로그램이다. 컴포넌트 계층 구조 표시 리액트 컴포넌트 계층 구조를 시각적으로 볼 수 있다. 컴포넌트의 자식, 부모 관계 등을 파악할 수 있다. 상태와 속성 시각화 개발 중인 컴포넌트의 상태(State)와 속성(Props) 정보를 실시간으로 확인할 수 있다. 이를 통해 컴포넌트가 어떤 데이터를 받고 어떤 상태를 가지는지 파악할 수 있다. 상태 변화 추적 컴포넌트의 상태 변화를 추적하고 디버깅할 수 있다. 컴포넌트의 상태가 어떻게 변경되는지, 어떤 이벤트에 ..

크롬 브라우저를 다크 모드로 전환하는 방법으로는 총 3가지가 있습니다. 1. windows 테마 변경 2. 웹 스토어 설정 3. 시크릿 모드 시작설정 4. 시크릿 모드 작업 표시줄에 고정하는 법 번외 [ windows 테마 변경] 1. 시작>설정> 개인 설정 2. 어두운 테마 선택 또는 설정>개인 설정> 색 3. 모드 선택> 다크 4. 브라우저 접속 브라우저가 다크 모드로 전환 되었지만 윈도우가 전체적으로 다크모드로 변한 걸 볼 수 있다. 원하지 않는 부분까지 변경될 수 있다. [웹스토어 설정] 1. 크롬 브라우저 접속 후 오른쪽 상단 메뉴 클릭> 설정 2. 왼쪽 메뉴에서 모양> 테마 오른쪽 끝 바로가기 아이콘 클릭 > 크롬 웹 스토어 이동 3. 클릭 후 스크롤을 내리면 다크 테마가 나옵니다. 원하는 다..