jm_p_op

XMLHttpRequestHost와 xhr은 Header에 {"x-requested-with":"XMLHttpRequest"}으로 보내진다XMLHttpRequest는 과거 많이  썻지만 지금은 fetch를 사용한다.cookie json방식이 아닌 cookie로 토큰 데이터 보낸다.쓸모없는 데이터도 많이 보낸다....데이터 아까워라....JSESSIONID -프론트에서의 jwt같은 놈이다. 연결된 id값을 주는것이다. 없으면 재발급해서 준다.pcid프론트에서 만든다. js라서 date.time()에서 나온 7자리수와 랜덤수 3개를 합쳐서 만든다.golang으로는 time.unix사용하면 10자리수가 나온다.nano초 차이라서 동시성 생각해도 1/1000의 확률에서 n번 실행시 겹칠확률이라 랜덤값 잡은듯....

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

콘솔창에 입력 span_class=document.getElementsByClassName("css-eeatfk") names=[] for (case_name in span_class){ name=span_class[case_name].innerHTML //console.log(name) //조 삭제 split_name=name.split('(') name=split_name[0] //메달삭제 split_name=name.split(' ') //console.log(split_name[split_name.length-1]) names+=(split_name[split_name.length-1]+'\n') } console.log(names) 제작과정 1.ctrl+f 를 통하여 해당 element 찾기 s..

html 부분을 찾고, 만들고 연결한다! 이를 function으로 만들면 구조를 유동적으로 넣고 빼기가 가능하다. 기본적으로 ,,, 등등의 태그들이 있다. 앞으로 그런 태그들로 묶인 element를 html_element변수명으로 쓰겠다 html에서 특정위치 찾기 (잘쓰면 html에서 원하는 값들을 찾아서 변수로 쓸수있다.) .html getElement...("값") document.getElementByid(1) document.getElementsByClassName("class1") document.getElementByTagName("p") 각각 해당하는 부분을 찾아준다. 허나 id값 빼고는 array로 찾아지므로 for(i=0; 찾은list.length;i++){찾은list[i]}로 찾아가자!..

https://semantle-ko.newsjel.ly/ 꼬맨틀 - 단어 유사도 추측 게임 - 뉴스젤리 : 데이터 시각화 전문 기업 하루에 한 번, 오늘의 단어를 맞혀보세요. 단어를 입력하면 정답 단어와의 유사도를 보여줍니다. semantle-ko.newsjel.ly u오늘의 정답의 url을 보면 주소창에 425를 보인다. 이숫자를 조작해 본결과 어제의 결과랑 내일의 결과를 확인가능나 범의가 지정되어있음을 확인 가능하다. 그렇다면 어제의 문제와 내일의 결과를 확인 가능할까? f12-소스-js파일보기 puzzleNumber가 눈에 뛴다, 콘솔창에서 바꿔보자 const로 정의가 되어있어서 변동 불가, Date()는 로컬컴퓨터의 날짜이다. 따라서 컴퓨터의 시간을 바꾼다면 puzzleNumber변동 가능

views.py data="데이터 백에서 프론트로 주기" Response({"message":data}, status=status.HTTP_200_OK) get.js const data = await response.json() console.log(data) console.log(response["message"])

.js document.getElementById('id값').insertAdjacentHTML("입력방법", "입력값") document.getElementById('id값').value="입력값"; document.getElementById("id값").innerHTML = "입력값"; id값: 해당 아이디값 -그 외의 요소 document.getElementsByName document.getElementsByClassName document.getElementsByTagName document.getAnimations document.getElementsByTagNameNS 입력방법- 'bereforbegin' = 요소앞에 'afterbegin' = 요소안 가장 앞에 'beforeend'= 요소 ..

#a_index와 b_index 비교 =>a.m_name (a요소의 m_name 데이터) a._name>b.m_name rows.forEach((a) => { console.log(a) let name = a['m_name'] let mbti = a['m_mbti'] let role = a['m_role'] let address = a['m_address'] let comment = a['m_comment'] }) rows.sort(function (a, b) { if (a.m_name > b.m_name) { return 1; } if (a.m_name < b.m_name) { return -1; } // a must be equal to b return 0; }); rows 값 참고 자료: https..