Now or Never

1. CSS 핵심 - 태그를 이용하여, CSS속성값을 주면 HTML 디자인이 변경됨. - 처리해야 할 값이 많아지면 선택자 (마치 id와 또는 변수와 같은 느낌)를 생성하여 처리 - 선택자에는 계층이 존재함. id > class > span 2. JS를 통해 동적으로 처리하기 2-1. element = document.querySelector(selectors); - 괄호() 안의 선택자를 선택하는 JS문법, ('body') ctrl + d

1. 이벤트 - 웹브라우저상에서 일어나는 일 - 이벤트를 이용해서 사용자와 상호작용하는 웹페이지를 만들 수 있다. - 자주 쓰이는 빈도의 이벤트는 10~20개가 있고, 외우기 보다는 검색을 통해 접근하면 익숙해진다. 1-1 onclick과 이벤트 - onclick 속성의 속성 값으로는 반드시 자바스크립트 값이 와야 한다. - onclick의 속성값을 웹브라우저가 기억하고 있다가, 사용자가 onclick속성이 위치한 버튼을 클릭했을 때 기억하고 있던 JS코드를 해석해서 웹브라우저가 동작한다. - 즉, 이벤트가 일어났을 때 자바스크립트 코드가 실행 되게 함 1) 예제코드 2) 실행결과 1-2 onchange와 이벤트 - onchange: input type="text"로 생성한 텍스트 상자안에 입력하는 내용..

1. HTML코드 내에서 JavaScript를 동작시키는 방법 - JavaScript는 HTML위에서 동작하는 언어. - 따라서, JavaScrip를 어떤 방식으로 HTML안에서 동작하게 할 것인지 고민해야 함. 1.1 script 태그 - JavaScript를 HTML코드에 넣기 위해서는, 웹브라우저에게 HTML코드인 script태그로 JavaScript의 시작을 알려야 한다. - - 1-2 HTML코드와 JavaScript코드의 차이 - HTML body태그에 1+1을 타이핑 할 경우 1+1 그대로 출력 - JavaScript script태그에 1+1을 타이핑 할 경우 동적처리하여 2로 출력

1. JavaScript 등장배경 - 웹이 등장할 때 있던 최초의 기술 HTML, HTML을 통해 정보를 표현하고 주고 받을 수 있게 됨. - HTML은 정적임, 한번 출력되면 화면에 언제나 그 모습. - 기술의 발전 이후 개발자는 사용자와 동적으로 상호작용하는 웹페이지를 만들고 싶어짐. 2. JavaScript의 동작 - 웹은 HTML을 이용해서 웹페이지를 우선 만든 후에 - JavaScript를 이용해서 사용자와 상호작용 할 수 있도록 기능을 추가하여, HTML정보와 JavaScript의 기능을 갖춤. - HTML이 '정보'라는 것을 그린다면, JavaScript는 '정보'를 움직이게 한다. - 버튼의 클릭으로 웹화면이 Night모드 Day모드로 바뀌는 것처럼, 웹브라우저와 사용자가 상호작용하게 함...