다시

배열객체는 여러 개의 데이터를 하나의 저장소에 저장하기 위해 필요합니다. 변수에는 데이터가 한 개만 저장됩니다. 하지만 여러 개의 데이터를 하나의 저장소에 저장하는 것이 필요한 경우가 있는데요, 그럴때 배열 객체(Array Object)를 생성하면 됩니다. 배열 객체는 다음과 같이 생성합니다. ① var 참조 변수 = new Array( ); 참조 변수[0]=값1; 참조 변수[1]=값2; 참조 변수[2]=값3; ... 참조 변수[n-1]= 값n; ② var 참조 변수 = new Array(값1, 값2, 값3, ... 값n); ③ var 참조 변수 = [값1, 값2, 값3, ... 값n]; 위의 세가지 중에서 선호하는 방식을 사용하면 됩니다. 1번째 방식 예) var d = new Array( ); d[0..

Development/Javascript 2021. 2. 9. 00:26

이벤트란 웹 브라우저에서 일어나는 유용한 사건을 말합니다. 이벤트를 이용하면 사용자와 상호작용하는 웹 사이트를 만들 수 있습니다. 10~20가지 이벤트가 존재하는데요, 다 외우는 것이 아니라 대부분 검색해서 사용합니다. 이벤트 검색하는 방법 예) 사용자가 클릭했을 때 이벤트가 발생하게 하고 싶은 경우 → javascript onclick event 로 검색 이벤트 핸들러(Event Handler) 이벤트를 자바스크립트에서 인식할 수 있게 사용하는 명령어 입니다. 1-1. 이벤트 핸들러 표기법 on 이벤트명 = "이벤트 발생 시 실행할 작업" 을 의미. (속성이나 메소드, 이벤트 핸들러는 각 객체마다 다르게 구성됩니다.) ※ 대소문자 구분 - 많은 클라이언트 측 자바스크립트 객체와 프로퍼티 이름은 HTML..

Development/Javascript 2021. 2. 5. 16:51

함수는 자바스크립트 뿐만 아니라 모든 프로그래밍 언어에서 자주 사용하는 개념입니다. 함수란 프로그램의 코드를 저장한 공간이라고 할 수 있습니다. 자바스크립트에서 데이터를 저장할 때 변수를 선언하여 저장하는데 변수에는 데이터만 저장할 수 있고 코드는 저장할 수 없습니다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때마다 호출해서 사용할 수 있습니다. 변수 함수 - 1개의 데이터만 저장 - var라는 키워드를 이용하여 선언 - 문자형, 숫자형, 논리형 데이터를 보관 - 객체를 참조함 - 자바스크립트 코드를 저장 - function이라는 키워드를 이용하여 선언 - 출력문, 제어문 등의 코드를 저장하고 데이터를 반환 함수 1) 내장함수 - 만들어져 있는 명령어 2) 사용자 정의 함수 - 만들어서 ..

Development/Javascript 2021. 2. 5. 13:55

자바스크립트에서 객체란? 자바스크립트는 객체 기반 프로그래밍 언어입니다. 자바스크립트에는 다양한 객체가 내장되어 있고 객체를 생성할 수도 있습니다. 객체를 배우기 전부터 document라는 객체를 사용해보았고, 그 객체에 해당하는 출력 기능도 사용해 보았습니다. 자바스크립트에서는 이런 기능들을 메서드(Method)라고 합니다. 자바스크립트 객체의 메서드와 속성을 사용하는 기본형은 아래와 같습니다. 객체.메서드( ); 객체.속성; 객체.속성=값; 객체를 구성하는 요소로는 속성(Property)과 기능(Method)이 있습니다. (예를 들어 손수건은 색상과 크기 등의 속성이 있고, 눈물닦기 등의 기능이 있습니다.) TV를 예로 들어 메서드와 속성 사용 방법에 대해 알아보면, 만일 자바스크립트에서 TV의 기능..

Development/Javascript 2021. 2. 3. 23:45

break문 반복문인 while문 또는 for문에서 break문을 실행하면 조건식과 상관없이 강제로 반복문을 종료합니다. 즉, break문은 반복문을 강제로 종료할 때 사용합니다. var 변수 = 초기값; while(조건식){ break; //반복문을 강제로 종료합니다. 자바스크립트 코드; 증감식; } for(초기값; 조건식; 증감식){ break; //반복문을 강제로 종료합니다. 자바스크립트 코드; } 위에서처럼 break문이 코드보다 앞에 있으면 코드는 실행되지 않고 for문과 while문이 바로 종료됩니다. 더보기 for(var i = 1 i

Development/Javascript 2021. 2. 1. 11:27

제어문이란 프로그램의 흐름을 제어할 수 있도록 도와주는 문장입니다. 해당 언어를 효율적으로 사용할 수 있도록 하는 문장이지요. 제어문에는 조건문, 선택문, 반복문 이 있습니다. 조건문은 조건에 따라 특정 코드를 실행시킬 수 있는 제어문입니다. 선택문은 일치하는 경우의 값이 있을 경우에만 특정 코드를 실행시킬 수 있는 제어문입니다. 반복문은 코드를 지정한 횟수 만큼 반복해서 실행시킬 수 있는 제어문입니다. 조건문에는 if 문, else 문, else if 문 선택문에는 switch 문 반복문에는 while 문, do while문, for 문 이 있습니다. 1. 조건문 조건문은 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 문장입니다. 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 ..

Development/Javascript 2021. 1. 29. 15:51

HTML과 자바스크립트의 차이점은 연산능력에 있습니다. 수학에서 덧셈, 뺄셈, 곱셈, 나눗셈과 같이 컴퓨터에서도 연산자(operator)를 통해 연산 작업이 가능합니다. 자바스크립트 프로그래밍에서는 산술, 문자 결합, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자를 사용하여 연산 작업을 합니다. 수학에서 연산할 때, 예를 들어 '5-(2+1)=2'와 같이 괄호 안의 연산을 먼저 해주는 것처럼, 자바스크립트에서도 연산을 할 때 우선순위를 고려하여 연산을 합니다. 연산자 종류에 대해 알아보기 전에 먼저 '연산자 우선순위'에 대해 알아보겠습니다. * 연산자 우선순위 1. ( ) 2. 단항 연산자 ( --, ++, !) 3. 산술 연산자 (*, /, %, +, -) 4. 비교 연산자 (>, >=, ..

Development/Javascript 2021. 1. 27. 19:23

HTML과 다르게 자바스크립트는 연산능력이 있습니다. 자바스크립트는 단순 산술적 연산 뿐 아니라 논리 연산도 가능해서 다양한 형태의 연산이 가능합니다. 3+7 = 10 이러한 연산하기 위해서는 3과 7에 해당하는 '연산에 필요한 값' , 그리고 '+', '='에 해당하는 '연산에 사용되는 기호' 가 필요한데요, 자바스크립트에서 '연산에 필요한 값'이 될 수 있는 연산에 사용되는 값의 종류가 바로 '자료형(data type)'입니다. 또한 '연산에 사용되는 기호'에 해당하는 것이 '연산자(operator)' 이지요. 자바스크립트에서 변수에 저장할 수 있는 자료형에 대해 알아보겠습니다. 자바스크립트 자료형 자바스크립트가 우리나라에 들어왔을 때 자료형을 분류하는 데에는 번역자마다 각기 다른 분류법을 보여주어 ..

Development/Javascript 2021. 1. 27. 18:15