목록기초튼튼/JavaScript (7)
IT 개발노트
1. JavaScript 함수 1.1 함수 : 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 1.2 함수의 형식 : 함수의 형식은 아래와 같다. 1234function 함수명( [인자...[,인자]] ) { 코드 return 반환값} 1.3 함수의 정의와 호출 : 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. 인자는 생략 할 수 있다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. 12345678910 function numbering() { var i = 0; while(i
1. JavaScript 반복문 1.1 반복문 : 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 1.2 반복문의 문법 : 반복문의 문법은 while문과 for문이 있다. 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택해서 사용하면 된다. 1.2.1 while문 : while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않는다. 1234567 var i = 0; while(i
1. JavaScript 조건문 1.1 조건문 : 조건문이란 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것이다. 1.2 조건문의 문법 1.2.1 if : 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다. 12345 if(true) { alert('result : true'); } 결과 12345 if(false) { alert('result : true'); } 결과 : 조건문이 false이기 때문에 아무것도 실행되지 않는다. 1.2.2 else : if문의 조건이 true라면 if의 중괄호 구간이 실행되고, false라면 else 이후의 중괄호 구간이..
1. JavaScript 비교(연산자) 1.1 연산자 : 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호이다. 1.2 비교 연산자 : 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false중의 하나다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻이다. true와 false는 boolean이라고 불리는 데이터 형식이다. '=' : "대입 연산자"로의 값을 좌항의 변수에 대입하는 것이다. '==' : "동등 연산자"로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '===' : "일치 연산자"로 좌항과 우항이 '정확'하게 같..
1. JavaScript 변수 1.1 변수 : 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다. 1.2 변수의 선언 : JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var을 사용하는 것이 권장된다. 유효범위에 대해서는 뒤에서 살펴볼 것이다. 변수의 이름은 $, _, 혹은 특수문자를 제외한 모든 문자로 시작할 수 있다. 다음 예제는 변수에 값을 대입한 ..
1. 숫자와 문자 1.1 숫자 : 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다.코드123 alert(1); 실행결과 - 자바스크립트에서는 1이라고 입력하면 정수, 1.1이라고 입력하면 실수로 인식하기 때문에 정수와 실수를 정의하는게 중요하지 않다. - 자바스크립트에서 사칙연산을 수행하고 싶다면 +, -, *, /를 숫자와 숫자 사이에 넣어주면 연산이 수행된다. - 자바스크립트에서는 사칙연산 보다 좀 더 복잡한 연산도 지원한다. 123 alert(Math.pow(3,2)); : Math.pow는 앞에 숫자를 뒤에 숫자만큼 거듭제곱한다. 123 alert(Math.round(10.6)); : Math.round는 반올림을 해주는 연산이다. 즉 10.6의 반올림인 11이 결과로 ..
1. JavaScript 실행방법과 실습환경 1.1 설치 : 자바스크립트는 브라우저에서 동작하는 언어이다. 따라서 웹브라우저가 설치되어 있다면 이미 자바스크립트를 사용할 준비가 끝난 것이다. 참고로 각 브라우저마다 개발자 도구라는 것이 있다. 이 도구를 이용하면 자바스크립트 개발을 쉽게 할 수 있다. 1.2 실행 : 자바스크립트는 원래 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어이다. 하지만 오늘날 자바스크립트가 웹브라우저를 벗어나서 매우 다양한 용도로 사용되고 있다. 이런 이유로 자바스크립트의 실행환경은 다양하다. - 윈도우에서 메모장을 이용한다면 위에 강조 표시된 부분처럼 설정을 지정하고 저장해야 한다. 그리고 파일을 저장 할 때는 파일명 뒤에 .html이라는 확장자를 붙..