Language/JavaScript

[JavaScript] 자바스크립트 적용

자바스크립트를 적용하는 방법 HTML 문서에 자바스크립트 코드를 적용하는 방법에는 다음과 같은 방법이 있다. 내부 자바스크립트 코드로 적용 외부 자바스크립트 파일로 적용 내부 자바스크립트 코드 자바스크립트 코드는 이렇게 삽입된 자바스크립트 코드는 HTML 문서의 다음 예제는 HTML 문서의 태그에 자바스크립트 코드를 삽입한 예제다. 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! 위의 두 예제에서 살펴볼 수 있듯이 자바스크립트 코드를 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있다. 이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도..

[JavaScript] 자바스크립트 출력

자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같다. window.alert() 메소드 HTML DOM 요소를 이용한 innerHTML 프로퍼티 document.write() 메소드 console.log() 메소드 window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것이다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 준다. ※ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. HTML DOM 요소를 이용한 inn..

[JavaScript] 자바스크립트 문법

프로그램(program)이란 ? 프로그램은 컴퓨터가 실행할 수 있는 명령(instruction)으로 이루어진다. 컴퓨터 프로그래밍에서 컴퓨터가 실행할 수 있는 명령들을 실행문(statement)라고 한다. 즉, 프로그램이란 특정 결과를 얻기 위해서 컴퓨터에 의해 실행되는 실행문의 집합이라고 할 수 있다. 자바스크립트 문법 자바스크립트의 실행문은 세미콜론(;)으로 구분된다. var x = 10; var result = x + 3; 자바스크립트는 대소문자를 구분한다. 자바스크립트에서 변수나 함수의 이름, 예약어 등을 작성하거나 사용할 때에는 대소문자를 정확히 구분해서 사용해야 한다. var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두개의 변수로 인식됨. ..

[JavaScript] 기타 연산자

문자열 결합 연산자 자바스크립트에서 덧셈(+) 연산자는 피연산자의 타입에 따라 두 가지 다른 연산을 수행한다. 1. 피연산자가 둘 다 숫자이면, 산술 연산인 덧셈을 수행한다. 2. 피연산자가 하나라도 문자열이면, 문자열 결합을 수행한다. var x = 3 + 4; // 피연산자가 둘 다 숫자이면 덧셈 연산을 수행함. var y = "좋은 " + "하루 되세요!" // 피연산자가 둘 다 문자열이면 문자열 결합 연산을 수행함. var z = 12 + "월" // 피연산자가 하나라도 문자열이면 문자열 결합 연산을 수행함. ※ 피연산자가 하나는 문자열이고 다른 하나는 문자열이 아닐 때, 자바스크립트는 문자열이 아닌 피연산자를 자동으로 문자열로 변환한 후 문자열 결합을 수행한다. 삼항 연산자(ternary ope..

[JavaScript] 비트 연산자(bitwise operator)

비트 연산자(bitwise operator) 비트 연산자는 논리 연산자와 비슷하지만, 비트(bit) 단위로 논리 연산을 수행한다. 또한, 비트 단위로 전체 비트를 왼쪽이나 오른쪽으로 이동시킬 때도 사용한다. 비트 연산자 설명 & 대응되는 비트가 모두 1이면 1을 반환함. (비트 AND 연산) | 대응되는 비트 중에서 하나라도 1이면 1을 반환함. (비트 OR 연산) ^ 대응되는 비트가 서로 다르면 1을 반환함. (비트 XOR 연산) ~ 비트를 1이면 0으로, 0이면 1로 반전시킴. (비트 NOT 연산) 부호를 유지하면서 지정한 수만큼 비트를 전부 오른쪽으로 이동시킴. (right shift 연산) >>> 지정한 수만큼 비트를 전부 오른쪽으로 이동시키며, 새로운 비트는 전부 0이 됨. 다음 그림은 비트 A..

[JavaScript] 논리 연산자(logical operator)

논리 연산자(logical operator) 논리 연산자는 주어진 논리식을 판단하여, 참(true)과 거짓(false)을 반환한다. && 연산자와 || 연산자는 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다. ! 연산자는 피연산자가 단 하나뿐인 단항 연산자이며, 피연산자의 결합 방향은 오른쪽에서 왼쪽이다. 논리 연산자 설명 && 논리식이 모두 참이면 참을 반환함. (논리 AND 연산) || 논리식 중에서 하나라도 참이면 참을 반환함. (논리 OR 연산) ! 논리식의 결과가 참이면 거짓을, 거짓이면 참을 반환함. (논리 NOT 연산) 다음은 논리 연산자의 모든 동작의 결과를 보여주는 진리표(truth table)다. A B A && B A || B !A true ..