FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - HTMLElement getElement* 메소드를 통해서 원하는 객체를 조회를 해봤다면 이 객체들을 대상으로 구체적인 작업을 해봐야합니다. 먼저 얻은 어떠한 객체인지 알아야 적절한 메소드나 프로퍼티를 사용할 수있습니다. 아래 코드는 getElement*의 리턴 값을 보여줍니다. HTML CSS JavaScript 이것을 통해서 알 수 있는 것은 아래와 같습니다. document.getElementById : 리턴 데이터 타입은 HTMLLIELement document.getElementsByTagName : 리턴 데이터 타입은 HTMLCollection 실행결과가 하나인 경우 HTMLLIELement, 복수인 경우 HTML..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - BOM(Browser Object Model) BOM(Browser Object Model)이란 웹브라우저의 창이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단입니다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있습니다. - 전역 객체 Window Window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미합니다 브라우저에서 윈도우 객체를 확인해볼수있습니다. console에서 window를 입력하면 위와같이 출력됩니다. document 와 navigateor, Array 속성들도 console에 입력하면 위와같은 출력값이 나옵니다. documen..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Object Model 웹브라우저의 구성요소들은 하나하나 객체화 되어있습니다. 자바스크립트로 객체를 제어해서 웹브라우저를 제어하는것입니다. 이 객체들은 서로 계층적인 관계로 구조화되어있는데 BOM과 DOM은 이 구조를 구성하고 있는 가장 큰틀의 분류입니다. 해당 관계들을 그림으로 나타내면 위의 사진과 같습니다. 자바스크립트로 Object, Array, Function 객체들을 사용할수있는데 이것을통해 브라우저, GAS(구글어플리케이션스크립트), node.js 등을 제어할수있습니다. SUA 정보보안 멘토링에 참여하고 있습니다.