본문 바로가기

JavaScript16

MDN web docs MDN web docs https://developer.mozilla.org/ko/docs/Web/JavaScript 2019. 6. 26.
[HTML] div 태그와 span 태그 div 태그출처 : https://coding-factory.tistory.com/188 [코딩팩토리] 오늘은 div태그에 대해 알아보겠습니다. div태그는 Division의 약자로 웹사이트의 레이아웃(전체적인 틀)을 만들때 주로 사용합니다. div는 웹페이지에서 논리적 구분을 정의하는 태그입니다. div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용할 수 있습니다. 특히 요즘에는 레이아웃 배치를 거의 Div를 활용해 구성하는 추세이기때문에 그 쓰임새는 더 중요해졌다고 말할 수 있겠습니다. DIv태그 사용법 & 예제 태그속성 비고 style스타일 width가로 크기 height세로 크기 border 테두리 굵기 background-color 배경 색상 float정렬.. 2019. 6. 18.
javascript의 document 객체 출처 : http://tcpschool.com/javascript/js_dom_document [ TDCSchool.com ]Document 객체Document 객체는 웹 페이지 그 자체를 의미합니다.웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 합니다. Document 메소드Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공합니다. - HTML 요소의 선택 - HTML 요소의 생성 - HTML 이벤트 핸들러 추가 - HTML 객체의 선택 HTML 요소의 선택HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같습니다.메소드설명document.getElementsByTagName(태그이름)해당 태그 이름의 요소를 모두.. 2019. 6. 17.
JavaScript : 모듈( Module ) 41~46강 JavaScript : 모듈( Module ) 자바스크립트는 모듈화라는 개념이 분명하게 존재하지는 않는다. 프로그램을 구성하는 로직들을 재사용할 수 있는 단위의 모듈 형태로 만들어 이식성을 높임 호스트 환경 : 자바스크립트가 구동되는 환경 ex) 브라우저, node.js , Apps Script 호스트환경에 따라 자바스크립트 로직을 파일로 분할해서 다른 언어에서의 모듈처럼 사용할 수 있다. = 호스트 환경에 따라 자바스크립트의 모듈화( include ) 방법이 다르다. Test.html123456789101112131415161718192021 //type은 생략 가능 //src는 속성 중 하나. 스크립트 태그 안에 해당 소스파일을 넣는 것과 같음 JavaScript 테스트 예제 //수백개의.. 2019. 6. 10.