반응형 리액트3 리액트)리액트 vscode에서 디버깅 설정 리액트에서 디버깅 모드를 설정하고, 실행하는 방법 1)VSCODE 확장 프로그램에서 JavaScript Debugger Companion Extension 를 설치한다. 2)리액트를 설치하고, 최상위 폴더에 .vscode 폴더를 만들고, 폴더 안에 launch.json 파일을 만든다. 3) launch.json에 입력. 아래의 세팅은 디버깅 모드 실행시, url이 localhost:3000인 새로운 Chrome창이 열리면서, terminal창에 npm run dev 명령어가 입력되도록 하는 세팅이다. { "version": "0.2.0", "configurations": [ { "name": "Chrome", "type": "chrome", "request": "launch", "url": "http:/.. 2024. 7. 15. 리액트) 테트리스 코딩(리액트 + toolkit + 타입스크립트 + styled components) 깃헙주소: https://github.com/Box-Cat/react-toolkit-tetris GitHub - Box-Cat/react-toolkit-tetris Contribute to Box-Cat/react-toolkit-tetris development by creating an account on GitHub. github.com 배포주소: https://647fa9cb2e3cc37e4ace08d0--classy-choux-d832e8.netlify.app/ REACT TOOLKIT TETRIS 647fa9cb2e3cc37e4ace08d0--classy-choux-d832e8.netlify.app *인터랙티브 웹을 적용해서, 핸드폰에서도 PC에서도 둘다 접속 가능합니다 2023. 9. 30. Tailwind CSS IntelliSense가 작동하지 않을 때... "editor.quickSuggestions": { "strings": true }, "css.validate": false, "editor.inlineSuggest.enabled": true VIEW > Command Pallete >> User Settings Json에 들어가, 위의 구문을 삽입하면 된다. 2023. 4. 20. 이전 1 다음 반응형
