React Redux 크롬 개발자 도구(Redux DevTools) 설치 및 활용

React Redux 크롬 개발자 도구(Redux DevTools) 설치 및 활용

Redux 크롬 개발자 도구를 설치하면 현재 Store의 상황을 개발자 도구에서 손쉽게 조회 가능하고 액션 Dispatch, 액션에 따른 상태 변화 등도 쉽게 확인이 가능합니다. 먼저 아래 링크로 접속하여 크롬 웹 스토어로 접속합니다. 좌측의 검색창에 redux devtools를 입력하여 검색하면 오른쪽에 Redux DevTools 프로그램이 결과로 나오게 되지만 하지만 이를 클릭합니다. 다음 화면에서 우측 상단의 Chrome에 추가 버튼을 클릭해서 설치합니다.

react 프로그램에서 npm 패키지를 추가 설치합니다. npm install reduxdevtoolsextension 참고해서 기존에 reduxdevtoolsextension 패키지를 설치하면 됐었는데 현재 이 패키지는 deprecated 됐고, reduxdevtoolsextension로 이동됐습니다.

ChatGPT for Google

현재 ChatGPT는 단일 브라우져에서만 실행이 가능합니다. 만약 구글에서 검색을 하면서 동시에 진행하여 진행하여 ChatGPT의 답변을 보고싶다면 어떠한 방식으로 해야 될까요? 바로 이 ChatGPT for Google 확장프로그램을 다운로드 해주면 됩니다. 다운로드를 하시면 위와 같은 설정창이 나오는데 이는 이 확장프로그램이 언제 활성화 되는지 여부를 결정해줍니다. 만약 구글에 검색을 할 때마다. 나타나는게 싫다면 저처럼 Question Mark를 선택하여, 물음표로 물어봤을 때만 답변하도록 해주시면 됩니다.

이제 실제로 구글에 물음표? 형태로 검색을 하면 위와같이 오른쪽에 ChatGPT가 답변을 해주는 모습을 보실수 있습니다.

ChatGPT Writer

이 확장프로그램은 이메일 작업이 많으신 분들께 추천드립니다. 이메일이 온 내용을 입력하고 내가 답장하고 싶은 문맥을 알려주면 ChatGPT가 알아서 답장을 작성해줍니다. 증대 프로그램을 깔아준뒤 gmail에 들어가줍니다. 1번 번개 모양 선택 2번, Email context와 email을 통해 무엇을 하고 싶은지 입력 3번, Generate Email 선택 만드러진 답변을 insert YouTube Summary with ChatGPT 다음으로는 유튜브 내용을 요약해주는 증대 프로그램입니다.

한번은 급하게 아니면 종합적인 내용만 알고 싶을 때가 있는데요. 배속을 올려봤자 유튜브는 동영상이라는 특성상 상당한 시간을 잡아먹습니다.

프롬프트 지니

ChatGPT는 미국에서 개발된 모델로 전 세계 언어가 모두 구사 가능하기는 하지만 영어데이터가 주로 학습에 사용되었습니다. 때문에 한국어로 질문을 할 시 연산량이 많아 답변속도가 느리고 답변자체도 부자세한 부분이 있습니다. 이를 해결하기위해 문의 및 답변을 자동으로 번역해주는 확장프로그램이 있는데, 그것이 바로 프롬프트 지니입니다.

다음은 프롬프트 지니를 이용하여 ChatGPT에게 “현재 대한민국의 대통령은?”이라고 질문한 답변입니다.

보시다시피 영문 답변에 대하여 한국로 번역이 되어 2개다. print된 것을 확인 할 수 있습니다. 즉 프롬프트 지니는 ChatGPT의 효율을 높이기 위해 영문으로 질문하고 영문답변을 얻어 다시 국문으로 바꾸어주는 처리를 합니다.

실행 및 확인

크롬에서 react 어플리케이션을 실행하고 크롬 개발자도구를 실행해보시면 제일 우측에 redux 탭이 생성된것을 확인할 있습니다. redux탭을 클릭하고 어플리케이션을 동작 시켜보시면 Store의 상태, 액션 등을 쉽게 확인 할 있습니다. 참고 redux가 아닌 기본 react 크롬 개발자도구 구성은 아래부터 확인합니다.

자주 묻는 질문