본문 바로가기

전체 글15

읽기 좋은 코드를 위한 간단한 원칙 (참조: https://wergia.tistory.com/124) 코드 블록 중괄호 스타일 코드 블록 중괄호를 쓰는 스타일은 크게 2가지로 나눌 수 있다 1) 조건문이나 반복문의 아래로 { } 를 모두 내리는 스타일 // 조건문 if() { code_block; } else { code_block; } // 반복문 for() { code_block; } while() { code_block; } 2) 조건문이나 반복문 옆으로 { } 를 붙이는 스타일 // 조건문 if() { code_block; } else { code_block; } // 반복문 for() { code_block; } while() { code_block; } 이 두가지 스타일은 모두 사용가능한 스타일이다. 각자만의 장단점이 있으며(1.. 2022. 2. 23.
DOM 이란? DOM(Document Object Model) : Document Object Model(문서 객체 모델) 이다. 한마디로 말하면 "HTML문서 내용(document)을 Javascript가 인식하고 접근할 수 있는 객체(object) 형태로 객체화하여 이용하게 하는 방식(model)" 이라고 할 수 있다. HTML 문서의 각 요소를(ex: , ) Javascript가 인식할 수 있는 객체(object)화 한 것을 '문서 객체'라고 한다. HTML문서가 브라우저 상에 표시될 때 이미 문서객체화가 처리되어진 채로 표시되어 지며, 이에 따라 브라우저의 Javascript는 html 문서내용을 인식하고 접근해 컨트롤을 할 수 있다. 다시 정리해보자면 DOM이란 넓은 의미로는 : '웹 브라우저가 HTML페이지.. 2021. 9. 21.
BOM 이란? BOM(Browser Object Model) : Browser Object Model(브라우저 객체 모델) 이다. 브라우저와 관련된 객체들의 집합을 의미한다. window(최상위) location, navigator, history, screen, document 이 브라우저 객체 모델을 이용해 Browser와 관련된 기능들을 구성한다. DOM도 이 BOM 중의 하나 이다. 브라우저 객체 모델(BOM)의 최상위 객체는 window 라는 객체다. DOM은 이 window객체의 하위객체이기도 하다. window 최상위 객체, 다른 BOM 객체의 상위 개념 alert(), prompt() 등 많은 메서드를 가지고 있음 var 키워드로 선언한 일반 변수도 window 객체의 속성이 됨 window객체생성 메서.. 2021. 9. 21.