본문 바로가기
반응형

Spec UP - Frontend/생활코딩_JavaScript22

HTML과 JavaScript의 만남(Console) 자바스크립트 코드를 실행하기 위해서는 본래 웹페이지, 즉 파일을 생성하지만 경우에 따라서 파일이 아니더라도 간단하게 어떠한 코드를 실행해야 하는 상황이 있는데 이때 이용하는 것이 콘솔(Console) 입니다. 웹페이지에서 마우스 우클릭 후 [검사] 버튼을 누르고 console 탭을 누르면 아래와 같이 생성됩니다.(Chrome 기준) * 이 콘솔을 통해 자바스크립트 코드를 실행하면 현재 열려있는 웹페이지르 대상으로 자바스크립트 코드 실행. 이 콘솔을 이용하면 파일을 만들지않더라도 자바스크립트 코드를 즉석에서 실행할 수 있습니다. 예를 들어 계산이 필요할때 이 콘솔을 계산기로 쓸수도 있고, 데이터를 간단하게 처리할 수 있습니다. alert() 함수는 웹페이지에서 경고창을 띄워주는 함수입니다. alert() .. 2021. 9. 5.
HTML과 JavaScript의 만남 (script 태그, Event) 태그 안의 코드를 자바스크립트 코드로 해석한다. 위 예시는 Java Script와 HTML의 차이를 확인 할 수 있는 예시이다. 'Hello World' 라는 텍스트를 출력할때는 HTML과 Java Script 모두 동일한 기능을 수행하지만 HTML에서 1+1 은 '1+1' 문자 그대로를 출력하는 정적 역할을 수행하고 Java Script에서 1+1은 숫자 1과 1을 더한 값인 '2'로 만든 다음에 출력하는 동적 역할을 수행한다. Event (onclick,onchange,onkeydown) Java Script가 사용자와 상호작용을 할때 핵심적인 역할을 하는 것이 바로 '이벤트(Event)' 이다. 대표적인 이벤트로 onclick이 있다. onclick의 속성 값은 웹브라우저가 기억하고 있다가 사용자가.. 2021. 9. 5.
반응형