사이트 코드 뜯어내기

코드 얻기

1. 개발자 도구를 열고 사이트에 접속한다.
2. sources에서 메인이 되는 코드를 복사한다.(Elements의 경우 코드가 다 돌고나서의 결과물이다.)
3. 코드에서 절대좌표와 상대좌표로 되어있는것들이 있는데, 상대좌표에 해당되는 소스코드를 복사하고 링크 교환한다.
4. live server로 실행한다(cors는 통신 데이터를 보고 고정값으로 넣어주자)
5. error가 난 부분을 데이터 값을 수동으로 넣어주고, 넘기고 고치면 프론트 코드를 수행할수있다.
6. debugger를 사용하여 행동시 어떤 코드가 언제 어떻게 수행하고있는지 확인한다.

---

통신 데이터 보기

1. network와 performance를 확인
2. network를 통해 Request와 response값을 확인할수가 있다.
3. performance를 통해 프론트에서의 변화와 실행 코드를 볼수가 있다.

---

코드 수정하며 테스트하기

1.source에서 (Any XHR or fetch/event listener Breakpoint)을 사용하면 request전에 잡아준다.

2.source코드에서 debugger와 console.log를 사용한후 저장(ctrl+c)하며 코드를 분석한다,

3.redirect되는 코드들이 있으면 삭제하여 개발자도구가 초기화 되지 않도록 한다.