함수 1. 함수란? 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. // 설명 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } // 예 function numbering(){ i = 0; while(i < 10){ document.write(i); i += 1; } } numbering(); // 함수 호출 결과 : 0123456789 2. 함수의 효용, 부제 : 함수가 없다면? 문제 : 함수 없이 0부터 9까지를 1000번 출력해야 한다면? var i = 0; while(i < 10){ document.write(i); i += 1; } 이 코드를 1000번 사용 해야 한다. 하지만 함수를 사용 한다면, functi..
반복문 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..