
반복문 1. 기본문법 while(조건){ 반복해서 실행할 코드 } while(true){ // 무한루프를 발생 하기 때문에, 이렇게 사용 하면 안된다. document.write('coding everybody '); } 2. 반복조건 var i = 0; // 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다. while(i < 10){ // 반복이 실행될 때마다 coding everybody 이 출력된다. 줄바꿈을 의미하는 HTML 태그 document.write('coding everybody '); // i의 값이 1씩 증가한다. i++ } 3. for문 for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } for(var i = 0;..

조건문 1. 조건문이란? 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다. if(true){ alert('result : true'); } if(false){ alert('result : true'); } : 더 복잡한 상황을 처리 할때 처음 if 괄호를 비교 하고 해당 사항이 없다면 else가 실행이 된다. if(true){ alert(1); } else { alert(2); } 2. else, else if else if를 사용하면 좀 더 다양한 조건을 사용 할 수 있다. else if는 여러개 올 수 있다. if(false){ alert(1); } else if..

줄바꿈과 여백 1. 문법 var a=1; alert(a); ; // 세미콜론, 명령이 끝났다는 표시 자바스크립트는 줄이 바뀌면 명령이 끝났다고 인식힌다. 하지만 ';' 명시적으로 표시를 해주는것이 좋은 습관이다. var a=1; alert(a); 가능 하지만, 줄 바꿈을 해주는 것이 좋다. tab키 : space 4번 눌른것 처럼 공백 효과를 느낀다. 사용은 왜? 가독성을 위해서.. - Tab 사용전 var a = 1; alert(1); - Tab 사용후 var a = 1; alert(1);

주석 주석(Commenting)이란 '코드를 작성하긴 했지만 브라우저에서 해당 코드를 실행시키지 말고 무시하라'는 뜻으로 쓰입니다. #주석 활용 1. 문법 자바스크립트 주석은 다음과 같은 두 가지 형식을 지원합니다. 문법 1. 한 줄 주석 : // 주석문 2. 여러 줄 주석 : /* 주석문 */ 예제 var x = 10; // var y = 20; 한 줄의 주석문 : 이 부분은 실행되지 않을 것입니다. /* x = x + y; 여러 줄의 주석문 : 이 부분 또한 실행되지 않을 것입니다. */ document.getElementById("text").innerHTML = x; 2. 에러 주석은 정상 인식되지 않으며, Uncaught SyntaxError가 발생하여 실행중이던 스크립트는 중지될 것입니다. 3..

변수 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다. #변수 1. 사용법 JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장된다. 유효범위에 대해서는 뒤에서 살펴볼 것이다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. 다음 예제는 변수에 값을 대입한 예제다. var a = 1; alert(a+..

숫자와 문자 프로그래밍 입문자에게 가장 익숙한 데이터 형(data type)은 숫자와 문자일 것이다. 이번 시간에는 실제로 가장 많이 사용되는 데이터 형인 문자와 숫자를 프로그래밍에서는 어떻게 표현하고 연산하는지 알아보자. #숫자 1. 수의 표현 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다. alert(1+1); 결과 : 2 alert(1.2 + 1.3); 결과 : 2.5 곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8 위)를 사용한다. alert(2 * 5); 결과 : 10 나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shift 키 왼쪽)를 사용한다. alert(6 / 2) 결과 : 3 2. 수의 연산 Math.p..

실행방법과 실습환경 1. 실행 자바 스크립트는 객체지향 언어로써 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어이다. 자바스크립트의 실행환경은 다양하다. 필자는 자바스크립트의 원래 목적이었고, 가장 보편적인 실행환경인 웹브라우저에서 실습을 진행할 것이다. 하지만 본 수업의 내용은 웹브라우저 뿐 아니라 node.js, 구글 크롭 웹브라우저 플러그인, 구글 스크립트, PDF, 각종 데스크탑 위젯에서 사용되는 자바스크립트에서도 적용될 수 있는 내용이다. 1) 웹페이지에서 자바스크립트 작성 브라우저에서 Hello world를 찍어보자 alert('Hello world'); 윈도우는 메모장을 이용해서 파일을 만들면 된다. 2) 크롬 개발자 도구 사용 크롬을 사용한다면 다음과 같은 방법으로..