몽땅뚝딱 개발자

보호되어 있는 글입니다.

∕ 2024-02

속성에 접근할 때 꽤나 여러가지 방법이 있다는 사실을 알게됐다. 그래서 더 찾아보니 정말 많군...😃 아래는 js로 작성하는 방법이지만 css로 바꿔도 동일하게 접근 가능! (대신 문자열부분을 ''로 감싸주면 된다.) 📄 지정한 문자열이 포함된 요소 접근하기 document.querySelectorAll('img[alt*=menu]') 📄 지정한 문자열로 시작하는 요소로 접근하기 document.querySelectorAll('img[alt^=menu]') 📄 지정한 문자열로 끝나는 요소로 접근하기 document.querySelectorAll('img[alt$=menu]') 📄 특정 속성의 속성값에 특정 문자열로 이루어진 한 단어를 포함하는 요소에 접근하기 속성값이 정확이 해당 문자열인 경우나 띄어쓰기..

보호되어 있는 글입니다.

chrome과 axios에서는 기본적으로 URL에 percent-decoding(=%인코딩)을 하지만 특수하게 [, [, %는 인코딩하지 않고 서버에 전달한다. axios에서 보내는 파라미터를 자바스크립트 내장 객체인 encodeURI() 혹은 encodeURIComponent()를 사용하여 보낼 수도 있지만 axios에서 문자열을 한번 더 %인코딩하여 '%'가 '%25'로 인코딩되는 문제가 생긴다. (그래서 톰캣 7.x 버전 이상의 서버인 경우 한번 더 인코딩을 처리해줘야 하는 문제가 생긴다.) 💡 %인코딩이란? Percent-encoding은 URL 맥락에서 특정 의미를 갖는 8비트 문자로 인코딩하는 메커니즘으로 URL 인코딩이라고도 한다. 인코딩은 '%' 다음에 변경할 문자를 ASCII 값으로 표현..

같은 도메인이라면 contentWindow를 사용하고 다른 도메인이면 postMessage를 사용하면 된다. 1. window.postMessage() 오브젝트 사이에서 안전하게 cross-origin 통신을 할 수 있게 한다. 페이지와 생성된 팝업 간의 통신이나 페이지와 페이지 안의 iframe 간의 통신에 사용할 수 있다. 다른 페이지 간의 스크립트는 각 페이지가 같은 프로토콜, 포트 번호, 호스트를 공유하게 있을 때에만 접근할 수 있다. postMessage는 이 제약 조건을 안전하게 우회하는 기능을 제공한다. postMessage(message) postMessage(message, options) postMessage(message, targetOrigin) postMessage(message,..

두 문서가 교차 출처인 경우 참조는 Window, Location 객체에 대해 접근을 제한한다. window.blur window.close window.focus window.postMessage window.closed 읽기 전용 window.frames 읽기 전용 window.length 읽기 전용 window.location 읽기/쓰기 전용 window.opener 읽기 전용 window.parent 읽기 전용 window.self 읽기 전용 window.top 읽기 전용 window.window 읽기 전용

∕ wish

∕ wish

∕ wish