[ JavaScript ] 자바스크립트 기본 문법 | 창(window) 제어 | 팝업 차단
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 창(Window) 제어 window.open 메소드는 새로운 창을 생성해주는 메소드입니다. 현대의 브라우저는 대부분 탭을 지원하고 있기 때문에, window.open 은 새 탭을 만들어줍니다. 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. _blank는 새 창을 의미한다. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한 이름의 창이 있다면 그곳으로 문서가 로드된다. 세번재 인자는 새 창의 모양과 관련된 속성이 온다. 위의..
[ JavaScript ] 자바스크립트 기본 문법 | Navigator 객체 | 크로스 브라우저 이슈 해결
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Navigator 객체 Navigator 객체는 브라우저의 정보를 제공하는 객체입니다. 주로 호환성 문제 등을 위해 사용됩니다. 지금까지 포스팅에서는 console.log 를 이용했습니다. 이번 포스팅에서는 console.dir 도 사용해보도록 하겠습니다. console.dir 는 console.log 와 마찬가지로 프로퍼티를 열람할 수 있습니다. console.log 와는 다르게 디렉토리 형식으로 출력되는 것을 확인할 수 있습니다. 이제 Navigator 객체에서 중요하게 쓰이는 프로퍼티를 알아보도록 하겠습니다. appName 웹 브라우저의 이름을 알려주는 프로퍼티 입니다..
[ JavaScript ] 자바스크립트 기본 문법 | Location 객체 | 자바스크립트 url 이동
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Location 객체 Location 객체는 문서의 주소와 관련된 객체로 Window 객체의 프로퍼티입니다. 이 객체를 이용해서 윈도우의 문서 URL을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있습니다. Location 객체를 이용해서 현재 윈도우의 URL 알아내기 아래는 현재 윈도우의 문서가 위치하는 URL을 알아내는 방법입니다. console.log(location.toString(), location.href); location 객체는 URL을 의미에 따라서 별도의 프로퍼티로 제공하고 있습니다. URL Parsing console.log(loca..
[ JavaScript ] 자바스크립트 기본 문법 | BOM(Browser Obejct Model) 이란 무엇인가 | 전역객체 window
·
Archive/Develop
이미지 출처 : https://commons.wikimedia.org/wiki/File:JavaScript-logo.png 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: BOM(Browser Object Model) 이란 무엇인가? BOM(Browser Object Model)이란 웹브라우저의 창이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단입니다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있습니다. 자바스크립트 기본 문법 :: 전역 객체 Window 전역 객체인 window 는 지난 포스팅에서 한번 다뤘었습니다. 다시 간략하게 설명드리자면, window 객체는 ..