04_변수와자료형.html DOCTYPE html> 변수와 자료형 변수와 자료형 변수 선언시 var뿐만 아니라 let, const를 이용해서 선언 가능 * var, let, const의 차이점 1) 변수 선언 방법 클릭 2) scope(사용가능 범위) 클릭 function deiffDeclare(){ // 1) var는 중복 선언이 가능하다. / 재할당도 된다! var userId = 'user01'; console.log(userId); var userId = 'user02'; console.log(userId); userId = 'user03'; console.log(userId); console.log('------------------------------'); // 2) let은 중복 선언이 불..
03_요소가져오기(접근하기).html DOCTYPE html> 요소가져오기(접근하기) .area{ border : 1px solid black; width: 300px; height: 100px; } HTML 요소에 접근하기 (해당 요소객체 가져오기) 1) 아이디로 접근하기 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할 때 // document.getElementById('접근할 요소의 아이디 속성 값'); // 요소 객체라고 부른다. var area1 = document.getElementById('area1'); console.log(area1); console.dir(area1); // 선택된 요소의 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하..
02_데이터입출력.html DOCTYPE html> 데이터 입출력 .area{ border: solid 1px black; width: 500px; height: 200px; } 자바스크립트에서의 데이터 입/출력 1. 데이터를 출력하는 기본 구문 1) window.alert('알림창에 출력할 문구'); 2) window.console.log('콘솔창에 출력할 문구'); 3) document.write('화면에 출력할 문구'); 4) 선택한요소.innerHTML/innerText = '해당 요소에 출력할 문구'; 3) document.write('화면에 출력할 문구'); 화면에 출력 function documentWrite(){ // document.write('잘 출력되나..?'); // document..
스크립트 언어란? 스크립트(Script) 언어란 소스 코드를 컴파일(Compile)하지 않고도 실행할 수 있는 프로그래밍 언어를 말한다. 예를 들어 C, C++, Java같은 경우(비스크립트 언어)는 작성한 소스를 컴파일러를 통해 기계어 코드로 변경해야 사용자가 실행할 수 있는 실행 파일이 얻어진다. 독립적으로 작동하는 하나의 완전한 응용 프로그램이지만, 스크립트 언어는 별도의 컴파일 없이 내장된 번역기에 의해 번역되므로 바로 실행할 수 있고, 다른 응용 프로그램 안에 삽입되어 해석되는 방식으로 작동한다. 스크립트 언어의 특징 컴파일 언어에 비해 단순하고 쉬운 문법 구조를 갖고 있다. 컴파일러 없이 명령어를 한 줄씩 읽으면서 실행(인터프리터 방식)하므로, 번역 속도는 빠르지만 프로그램 실행 시 매번 같은..
01_개요.html DOCTYPE html> 자바스크립트 개요 자바스크립트 개요 1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해준다. 매우 빠르게 배우고 짧은 소스코드로 상호작용 하도록 고안됨. 2. 자바스크립트란? 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어 - 자바 : 컴파일 방식 => 컴파일 단계를 거치고 나서 실행되는 개념 => 오류 잡기 수월 - 자바스크립트 : 인터프리터 방식 => 컴파일 단계를 거치지 않고 곧바로 실행되는 개념 (브라우저에서 html 문서가 로딩될 때 코드를 한 줄씩 읽어내는 방식) * 장점 요소에 이벤트가 발생했을 때 코드를 한 줄씩 읽어나가면서 수행되기 때문에 수행속도가 빠름 간단한 코드 작성으로 초..
