안루피취뽀일기

BOM?웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 모든 서비스는 사실 웹 브라우저를 바탕으로 실행이 되니까. 이 브라우저와 관련된 객체들의 집합을 브라우저 객체 모델(BOM: Browser Object Model)이라고 부른다. 이 브라우저 객체 모델(BOM)을 이용해서 Browser와 관련된 기능들을 구성하는데 DOM은 이 BOM 중의 하나다. ​DOM? DOM을 조금 풀어서 써보자. DOM은 Document Object Model의 약자인데 Document는 문서이고 Object는 객체로 번역이 된다. 그리고 Model은 그냥 모델. 문서 객체 모델로 번역을 할 수 있겠다. 통 감이 오지 않는다...  도대체 이 문서 객체란 것이 무엇일까?  문서 객체란 이나 같은 html문서의 태그들을 J..

함수 매개변수 목록에서 디스트럭처링 Destructuring 디스트럭처링 구문은 함수 매개변수 목록에서도 사용할 수 있다. 예를 들어, 함수가 객체를 포함하는 매개변수를 수락하는 경우, 객체 프로퍼티를 “꺼내어’” 로컬 범위 변수(즉, 함수 본문 내에서만 사용할 수 있는 변수)로 사용할 수 있도록 함수를 디스트럭처링할 수 있다. 다음은 예시이다. function storeOrder(order) { localStorage.setItem('id', order.id); localStorage.setItem('currency', order.currency); } storeOrder 함수 본문 내부의 "점 표기법"을 통해 order 프로퍼티에 접근하지 않고, 다음과 같이 디스트럭처링을 사용할 수 있다. funct..

웹 문서 안에 태그 사이에 실행할 자바스크립트 소스를 작성하는 것이다. (...생략...) 이렇게 HTML 문서 안에 자바스크립트 소스를 작성하면 웹 문서에서 바로 확인할 수 있는 장점도 있지만 단점도 있다. 우선 HTML 태그와 자바스트립트 소스가 함께 섞여 있어서 웹 문서가 복잡해 보인다. 특히 소스를 수정할 때 필요한 코드를 찾아보기가 쉽지 않다. 그리고 여러 웹 문서에서 같은 자바 스크립트 소스를 사용하는 경우에 똑같은 소스를 반복해서 삽입해야 한다. 그래서 자바스크립트 소스를 작성할 때 외부 스크립트 파일로 저장해서 웹 문서와 연결하는 방법을 많이 사용한다. 외부 스크립트 파일로 연결해서 자바스크립트 작성하기 CSS와 마찬가지로 자바스크립트 소스도 따로 파일로 저장한 후 웹 문서에 연결해서 사용..