[%] 리액트로 만든 화면은 브라우저에서 왤케 소스보기 힘드냐

[익명(126.179)]

뭔 버튼 하나 눌러서 뭐가 불리고 뭐가 날라가나 

좀 보려고 했더니

react dev tools 플러그인 깔았는데도

상태 정도만 나오고 

무슨 함수 불리고 무슨 url에다가 무슨 파라메터 날리는지는

못 찾겠던데 이게 맞는거냐

소스 찾아봐도 ㅅㅂ 뭔 graphql이니 뭐니 떡칠을 해놓고

분석도 개같이 어렵네

진짜 jsp가 리액트로 대체되는게 맞는거임?

[익명(106.101)]

Jsp는 좀 버려라 java랑 js 떡칠되서 ide가 혼란스러워 하는 게 극혐임

[익명(210.172)]

jsp에 요새 누가 자바코드를 쓰냐

[익명(117.111)]

근데 프론트 소스 없이 개발자 도구로 분석하는 중인지 잘 모르겠다 해당 컴포넌트 경로로 찾아가서 버튼에 onClick이 어떤 핸들러랑 바인딩 되었는지 찾아가봐

[익명(210.172)]

걍 익명함수던데 graphql 구조 쓰는거 같던데 잘 몰라서

[익명(39.7)]

남 분석 어려우면 장점이지 ㅇㅇ 원본 소스 들고 있으면 거기에 디버거 잘 걸림

[익명(222.121)]

디버거 어떻게 거는지 모르겠던데

[익명(121.129)]

하다보면 잘 보이게 됨

[익명(118.176)]

1. 뭐를 가져오고 날리는지 보려면 네트워크탭이 편한듯 2. graphql은 리액트와 직접적으로 연관된 개념이 아니다. 원하는 모든 데이터를 가져오기 위해 비동기 통신을 여러번 날리는 방식을 대체하고자 한번에 원하는 데이터를 모두 가져오도록 설계된 개념이다. 라이브러리에 따라 다르겠지만, 이것도 네트워크탭보면 뭐 가져왔는지 보일듯 3. 정말 보기 어려운건 리액트가 아니라 nextjs임 4. 이미 jsp가 리액트로 대체되었다. 아직까지 jsp 쓰는 곳은 이해관계 때문이고, 새로운 프로젝트는 대부분 리액트로함

[elysiaJS(14.5)]

프로덕션 상태에선 디버그 힘듬.