Chrome
-
[WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 무식한 방법ETC 2021. 4. 25. 15:28
보다 간단한 방법을 https://ddochea.tistory.com/153 에 작성했습니다. 해당 방법을 먼저 시도해보시고, 안될경우 본 포스트 방법을 시도해보시기 바랍니다. WSL에 React 프로젝트를 생성하고 웹 접속을 테스트해보았다. 그런데 기본 접속 정보인 http://localhost:3000 로 접근이 되지 않았다. IP를 입력해서 접근할 순 있겠지만, 이렇게 되면 "Debugger for Chrome"을 통한 React 프로젝트 디버깅을 수행할 수 없다. 해결법을 찾았으나, 상당히 무식한 방법이었다. 만약 다른 네트워크 설정이 포함되어있다면 시도하지 않는 것을 추천한다. 1. 설정 이동 Windows 검색창에서 설정(Settings)를 찾아 연다. 2. 네트워크 및 인터넷(Network ..
-
[VSCode] Launch Chrome 설정으로 React 디버그시 OAuth 테스트가 가능하도록 설정.ETC 2021. 2. 10. 18:23
Firebase 인증기능 적용 후 디버그시 "로그인할 수 없음" 화면과 함께 제대로된 디버깅작업을 수행할 수 없는 문제가 생겼다. 이를 해결하려면 launch.json의 config값에 userDataDir 속성을 추가하고 값을 false로 설정해야한다. { "name": "Launch Chrome", "request": "launch", "type": "pwa-chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}", "userDataDir": false } 출처는 아래와 같다. visual studio code - Debugging a firebase auth app from vscode and chrome not working..
-
[VSCode] .NET Core 에서 SPA(React/Angular) 개발시 Server와 Client 양쪽 디버깅하기ETC 2020. 1. 5. 23:58
.NET Core로 리액트기반 SPA(Single Page Application)를 개발해보고자 dotnet 명령어로 react 프로젝트를 생성하였다.생성 후 VS Code로 연 뒤, 아무 .cs 파일이나 열어주고 디버깅하면 알아서 디버그 관련 파일(launch.json, tasks.json)이 자동생성되니 서버 사이드 쪽 디버깅은 쉬웠다. 문제는 클라이언트 부분이었다. 별의별 방법으로 검색하던 중 Github에서 근접한 해결방법을 찾게 되었다. https://github.com/wavejs/javascript-style-guide/wiki/VSCode%EC%97%90%EC%84%9C-React-app-%EB%94%94%EB%B2%84%EA%B9%85%ED%95%98%EA%B8%B0 wavejs/java..