javascript 썸네일형 리스트형 [부스트코스][BoostCourse] 3. 웹과 Javascript(2/2) (콘솔, 이벤트, 데이터 타입; 문자열과 숫자, 변수와 대입연산자) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 이벤트 이벤트는 웹 브라우저에서 일어나는 유용한 사건을 말한다 사용자가 태그가 출력된 영역에 키를 입력하거나 마우스를 클릭하면 이벤트가 발생하며, 이벤트는 해당 태그에 전달된다 콘솔에 이어 이번엔 이벤트를 이용하여 JS를 실행시켜보자 버튼을 클릭하여 경고창을 실행시키는 이벤트를 만들고 싶다면 어떻게 해야할까? 다음 코드처럼 그 버튼을 눌렀을 때 어떤 동작이 실행되도록 하는지 지성하는 속성인 onclick에 JS 코드를 넣어보자 이는 onclick 속성으로 가능한 일이다 onclick이 포함된 태그가 클릭되었을 때, 이 JS 코드에 따라 웹 브라우저가 동작하는 것이다 이와 같은 이벤트가 있다면, 이벤트에는 어떤 종류가 있는 것일까? 이는 총 10~20가지 .. 더보기 [부스트코스][BoostCourse] 2. 웹과 Javascript(1/2) (JS의 역할 / script 태그) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 Javascript의 역할 우리는 웹 페이지가 html, css, JS 등으로 이루어진다는 것을 어느정도 알고 있다 html, css로 페이지를 구성하고 꾸민다면 JS는 무슨 역할을 하는 것일까? html은 한 번 출력되면 그 모양이 바뀌지 않는다 그리고 JS는 이 정적인 웹 페이지를 동적으로 사용자와 상호작용하게 한다 이 세상의 모든 웹페이지가 JS 없이 html로만 만들어진다면, 우리는 페이지마다 한 내용만 볼 수 있는 책을 읽는 것이나 다름없다 우리가 필요한 내용의 주소들을 모두 숙지해야 할 것이며, 그 페이지에서 더이상의 정보를 얻을 수 없을 것이다 예를 들어 다음 코드를 적용시켰다고 하자 그렇다면 우리는 night 버튼을 눌렀을 때 다음처럼 바뀌.. 더보기 이전 1 2 3 4 5 다음
