VSCode에서 React 코드를 작성할 때, 코드가 변경됨을 실시간으로 크롬으로 확인할 수 있는 방법이다. 1. Debugger for chrome extension 설치 좌측의 extension 버튼 클릭 후, chrome을 검색하여 debugger for chrome 을 설치한다. 2. launch.json 파일을 생성한다 .vscode 디렉토리에, 아래와 같은 내용을 가진 launch.json 파일을 생성한다. { "version": "0.2.0", "configurations": [ { "name": "Chrome", "type": "chrome", "request": "launch", "url": "http://localhost:3000", "webRoot": "${workspaceRoot}/..
많은 블로그 / 카페를 돌아다니다 보면 드래그가 되지 않거나 우클릭이 되지 않는 사이트들이 많습니다. 그래서 소개해 드릴 부가기능은 "Allow Right Click"입니다. https://chrome.google.com/webstore/detail/lmnganadkecefnhncokdlaohlkneihio 에서 설치를 하실 수 있습니다.설치가 끝나고 나면 오른쪽 상단에 이런 체크표시 상자가 생깁니다. 이제 드래그 제한이 막힌 사이트에서 해당 체크표시를 클릭하면 체크 표시가 진해짐과 동시에 드래그 및 마우스 우클릭이 가능해 집니다.
