[JavaScript] 배열의 기초
·
Language/JavaScript
배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 자바스크립트에서 배열의 특징은 다음과 같다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array 객체로 다뤄진다. 배열의 생성 자바스크립트에서 배열을 만드는 방법은 다음과 같다. 문법 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2..
[JavaScript] 자바스크립트 적용
·
Language/JavaScript
자바스크립트를 적용하는 방법 HTML 문서에 자바스크립트 코드를 적용하는 방법에는 다음과 같은 방법이 있다. 내부 자바스크립트 코드로 적용 외부 자바스크립트 파일로 적용 내부 자바스크립트 코드 자바스크립트 코드는 이렇게 삽입된 자바스크립트 코드는 HTML 문서의 다음 예제는 HTML 문서의 태그에 자바스크립트 코드를 삽입한 예제다. 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! 위의 두 예제에서 살펴볼 수 있듯이 자바스크립트 코드를 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있다. 이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도..
[JavaScript] 자바스크립트 출력
·
Language/JavaScript
자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같다. window.alert() 메소드 HTML DOM 요소를 이용한 innerHTML 프로퍼티 document.write() 메소드 console.log() 메소드 window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것이다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 준다. ※ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. HTML DOM 요소를 이용한 inn..
[JavaScript] 자바스크립트 문법
·
Language/JavaScript
프로그램(program)이란 ? 프로그램은 컴퓨터가 실행할 수 있는 명령(instruction)으로 이루어진다. 컴퓨터 프로그래밍에서 컴퓨터가 실행할 수 있는 명령들을 실행문(statement)라고 한다. 즉, 프로그램이란 특정 결과를 얻기 위해서 컴퓨터에 의해 실행되는 실행문의 집합이라고 할 수 있다. 자바스크립트 문법 자바스크립트의 실행문은 세미콜론(;)으로 구분된다. var x = 10; var result = x + 3; 자바스크립트는 대소문자를 구분한다. 자바스크립트에서 변수나 함수의 이름, 예약어 등을 작성하거나 사용할 때에는 대소문자를 정확히 구분해서 사용해야 한다. var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두개의 변수로 인식됨. ..
[JavaScript] 기타 연산자
·
Language/JavaScript
문자열 결합 연산자 자바스크립트에서 덧셈(+) 연산자는 피연산자의 타입에 따라 두 가지 다른 연산을 수행한다. 1. 피연산자가 둘 다 숫자이면, 산술 연산인 덧셈을 수행한다. 2. 피연산자가 하나라도 문자열이면, 문자열 결합을 수행한다. var x = 3 + 4; // 피연산자가 둘 다 숫자이면 덧셈 연산을 수행함. var y = "좋은 " + "하루 되세요!" // 피연산자가 둘 다 문자열이면 문자열 결합 연산을 수행함. var z = 12 + "월" // 피연산자가 하나라도 문자열이면 문자열 결합 연산을 수행함. ※ 피연산자가 하나는 문자열이고 다른 하나는 문자열이 아닐 때, 자바스크립트는 문자열이 아닌 피연산자를 자동으로 문자열로 변환한 후 문자열 결합을 수행한다. 삼항 연산자(ternary ope..
[JavaScript] 비트 연산자(bitwise operator)
·
Language/JavaScript
비트 연산자(bitwise operator) 비트 연산자는 논리 연산자와 비슷하지만, 비트(bit) 단위로 논리 연산을 수행한다. 또한, 비트 단위로 전체 비트를 왼쪽이나 오른쪽으로 이동시킬 때도 사용한다. 비트 연산자 설명 & 대응되는 비트가 모두 1이면 1을 반환함. (비트 AND 연산) | 대응되는 비트 중에서 하나라도 1이면 1을 반환함. (비트 OR 연산) ^ 대응되는 비트가 서로 다르면 1을 반환함. (비트 XOR 연산) ~ 비트를 1이면 0으로, 0이면 1로 반전시킴. (비트 NOT 연산) 부호를 유지하면서 지정한 수만큼 비트를 전부 오른쪽으로 이동시킴. (right shift 연산) >>> 지정한 수만큼 비트를 전부 오른쪽으로 이동시키며, 새로운 비트는 전부 0이 됨. 다음 그림은 비트 A..