개발 이야기 안하는 개발자

9. 문서 객체와 이벤트 객체 본문

개발/JavaScript

9. 문서 객체와 이벤트 객체

07e 2023. 3. 15. 20:30
반응형
 

외부 스크립트 사용하기

 
 

웹 프로그래밍에서 결국 User가 볼 수 있는것은 프론트(Html)과 Resources(JS,CSS)에 대한 내용밖에 없다.

이런 페이지를 꾸며줄 수 있는 자원들에 대해서 우리는 CDN이 사용된다.

 

가져온 스크립트를 새로 만들거나, 외부 주소로 가져올 수 있다.

 
 

데이터가 이렇게 많은데 정렬은??

lodash.com 문서 읽기

 
 

아래를 더 많이 사용한다.

기본값보다는 객체로 더 많이 매개변수로 사용된다.

사용 방식


요즘은 현대2 버전을 가장 많이 사용한다.

현대 1 실사용 


newDog에 status를 넣었지만 뒤에 dog를 붙여서

결국 status의 값이 바뀌게 된다는 내용.

현대 2


저렇게 사용될 파라미터들을 나열한다.


아래방식도 많이 쓰인다.

 

문서

설치


우측하단에 버튼 누르면 저장할때 마다 Window가 바로바로 적용된다

addEventListener를 사용한다.


DOMContentLoaded 가 호출되면

각 선택자가 적용된다.

이런 방식으로 태그의 종류를 읽어오고 적용할 수 있다.

모든 태그를 적용할 수 있다.

반응형

'개발 > JavaScript' 카테고리의 다른 글

11. 이벤트 및 입력  (0) 2023.03.15
10. 문서 작성  (0) 2023.03.15
8. 객체 기본  (0) 2023.03.15
7. 함수 추가  (0) 2023.03.15
6. 함수 기본  (0) 2023.03.15