- Events : 사용자가 클릭을 하는 행위 -> onclick -> 클릭이 발생했을 때 처리할것을 지정해 줄 수 있다. - Inline Hooks -> 이런방식으로하면 유지보수측면에서 까다롭다.(추천되지 않음) - Assign Events Using HTML DOM -> script 상에서 한번에 적어버림. - HTML DOM EventListener(이벤트 처리할때 이것을 사용하는것을 권장) : 이벤트를 처리하는 handler를 설정하는 것. : addEventListener() -> onclick는 overwrite의 형태로 되는 반면, 이것은 계속해서 이어서 추가해줄수 있다. -> click이 발생했을때 처리하는것을 2개이상 할 수도 있다.(같은 타입일때) -> 인자를 2개 넘겨주는 경우 - E..

- HTML DOM(Document Object Model) : 웹페이지가 로드될 때 브라우저가 DOM을 생성한다. : object를 생성하면 각각의 properties와 method, events를 사용할 수 있다. -> tree구조이다. -> node 와 object는 같은말이라고 생각하면 된다. -> html로 작성된 코드의 거의 모든 구성요소들이 dom에서 node로 표현된다. -> document는 js에서 현재웹문서를 가리키는 node이다. -> 그 노드의 method인 getElementById를 사용해서 특정 element의 node를 반환한다. -> 반환된 node의 innerHTML이라는 property에 접근한 것이다. - Finding HTML elements : DOM을 이용해서 ..

- JavaScript : 자바 스크립트를 브라우저가 실행을 하고, 자바스크립트 내용을 수행해서 화면에 반영한다. : 주로 어떤 이벤트가 발생했을 때 웹문서의 반응을 정의한다.(웹문서의 동적인 처리기능) - Client-Side Scripting : 브라우저에서 자바스크립트로 실행 할 수 있다. : 로그인을 할 때, password의 길이가 10자이상 제한을 준다고하면, 서버에서 10보다 큰지 판단하고 response를 주는데, client가 여럿이 되면 서버의 부하가 커진다. 하지만, 자바스크립트를 사용하면 clinet-side에서 수행할 수 있으므로 과부하의 부담이 줄어든다. : 사용자 측면에서도 서버를 왔다갔다할 필요없어서 편하다. : HTML에도 접근할 수 있기 때문에, client 기기에서 ht..

- JavaScript Data type : Primitive Data Type -> Number, String, Boolean, Null(비어있음), Undefined -> Null은 개발자가 의도적으로 사용 : Non-Primitive Data Type -> Object(Array, Date, Math, ...) - JavaScript Objects : Boolean, Number, String도 new라는 keyword를 통해 non-primitive로 사용할 수 있다. : Datas, Maths, Regular expressions, Array, Functions, objects.. : 자동차를 예를 들어보면, 무게와 색같은 자동차의 속성과 출발과 멈추는 기능같은것들은 분류가 다르다. 같은 자동차..

- Cascade : 하나의 element에대해 2가지 style이 적용되는 경우 : 룰이 겹칠 때 사용하는 것. : 앞선 룰이 그 다음에 어떻게 영향을 미치는지 : inheritance(상속) -> 상위에 있는 element의 propety를 descendant element가 상속 받음. -> 상속이 되는속성(Font, color, list, text)과 상속이 되지않는속성(Layout, sizing, border, background, spacing 속성)들이 있다. -> 상속이 되지않는속성도 강제적으로 상속시킬 수 있다. : specificity -> 여러개의 룰들이 같은 element에 적용될 때 더 specificity하게 작성된 element가 더 높은 우선순위를 가진다. specific하다..

본 내용은 대학강의를 기반으로 작성한 글입니다. - CSS(Cascading Style Sheet) : HTML element들의 presentation(appearance)이다. : 폰스, 색상, 크기, 경계선, 배경이미지, element의 위치등을 정의할 수 있다. : CSS도 일종의 언어이고, 문법이 정의되어 있다. : CSS는 특정 element에대해서 style attribute를 사용해서 정의하기도하고, element내에 스타일을 정의하기도 하며, 가장많이쓰이는 방법은 별도의 .css로 끝나는 파일을 만들어서 웹페이지에 적용하는 방식을 쓴다. - CSS의 장점 : HTML만으로는 개발자가원하는 다양한스타일을 적용할 수 없는데, CSS는 가능하다. : CSS를 별도의 파일로 만들어 사용할 경우,..