★ [Js] 창 제어 | 새 창의 접근 | 팝업 차단

모든 포스팅은 인프런 [생활코딩] 자바스크립트 강의의 내용을 담고 있으며

출처는 아래의 주소로 "egoing Lee"님의 자료입니다. 

상업적인 의도가 아닌 공부한 것을 정리해놓는 목적으로 포스팅 한 것입니다.

 

www.inflearn.com/course/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%95%EC%A2%8C#

웹브라우저 Javascript (자바스크립트) - 인프런

위 강의 중 기초적인 내용이나, 필요 지식 등의 내용은 따로 포스팅 하지 않겠습니다. (html, css, 실습 환경 등..)

---

 

창 제어 

window.open 메소드는 새 창을 생성한다. 현대의 브라우저는 대부분 탭을 지원하기 때문에 window.open은 새 창을 만든다.

아래는 메소드의 예시이다. (close는 윈도우 창을 닫음)

 

위 코드가 궁금하다면 이고잉님의 강의를 참고바란다.

 

_self : 현재 이 스크립트가 실행되는 창 자체를 의미하므로, 새로운 창이 뜨지 않고 그 창에서 바뀐다.

_blank : 새로운 창을 연다(비어있는 새로운 창)

ot : 새로운 창이 한번 뜨지만, 이미 열려있는 창이 있는 경우 그곳으로 문서가 로드된다.

세번째 인자로 값을 지정하면, 새 창이 열리는데 모양과 관련된 속성을 지정할 수 있다.

 

 

새 창에 접근 

환경 구축이 필요하다.(서버 구축 필요) 그렇기 때문에 실습은 생략한다.

 

 

 

이렇게 코딩을 하고난 후, 텍스트 필드에 내용을 입력하면 실시간으로 새창의 텍스트가 변경된다.

 

위 부분은 매우 난이도가 높은 편이니 아래 영상을 꼭 참고하길 바란다.

www.youtube.com/watch?v=30PU5GYCb4A&feature=youtu.be

 

팝업 차단 

 

브라우저에서 보안이라는 것은 상당히 중요하다. 브라우저를 설치하게 되면 웹 브라우저는 우리의 컴퓨터에 접근 할 수 있는 권한을 가지게 되기 때문에 어떠한 기능(스크립트)이 브라우저를 제어할 수 있게 된다.

 

이럴 때 자바스크립트와 같이 브라우저의 특정한 파일을 읽어 자신의 사이트로 전송하게 되면 보안적으로 취약한 점이 생기게 되는 것이다. 이렇게 접근할 수 있는 정보를 차단할 수 있도록 팝업 차단을 해주는 것이다. 브라우저는 기본적으로 이러한 기능을 탑재하고 있다. 같은 도메인의 경우에만 원격제어를 할 수 있다.(도메인이 다를 경우 피싱 사이트 혹은 다른 사용자가 관여하는 경우가 많음)

 

만약 open이라는 버튼을 클릭하여 사용자의 의지를 표현할 경우 그 창이 뜨고, 그렇지 않도 도메인으로 리다이렉트 되는 경우는 팝업차단이 된다.