Javascript(114)
-
변수
변수의 선언과 초기화 변수(variable) - 데이터(data)를 저장할 수 있는 메모리 공간, 값이 변경될 수 있음 자바스크립트에서는 var 키워드를 사용하여 변수를 선언 자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생 단, 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행 var month; // month라는 이름의 변수 선언 date = 25; // date라는 이름의 변수를 묵시적으로 선언 선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화할 수도 있음 변수의 선언과 초기화 HTML 삽입 미리보기할 수 없는 소스 쉼표(,) 연산자를 이용하여 여러 변수를 동시에 선언하거나 초기화할 수도 있음 여러 변수의 선언과 초..
2022.12.28 -
타입 변환
타입 변환(type conversion) 자바스크립트는 타입 검사가 매우 유연한 언어 자바스크립트의 변수는 타입이 정해져 있지 않음 같은 변수에 다른 타입의 값을 다시 대입할 수도 있음 같은 변수에 다른 타입의 값 대입 HTML 삽입 미리보기할 수 없는 소스 묵시적 타입 변환(implicit type conversion) 자바스크립트는 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환하여 사용 즉, 문자열 값이 오길 기대하는 곳에 숫자가 오더라도 자바스크립트는 알아서 숫자를 문자열로 변환하여 사용 묵시적 타입 변환 HTML 삽입 미리보기할 수 없는 소스 위의 세 번째 예제에서 뺄셈 연산을 위해 문자열이 숫자로 변환되어야 하나, 해당 문자열은 두 번째 예제의 문자열과는 달리 숫..
2022.12.28 -
기본 타입
기본 타입 타입(data type) - 프로그램에서 다룰 수 있는 값의 종류를 의미 기본 타입 - 자바스크립트에서 여러 가지 형태의 타입을 미리 정의하여 제공하는 것 자바스크립트의 기본 타입 1. 원시 타입 2. 객체 타입 원시 타입(primitive type) 1. 숫자(number) 2. 문자열(string) 3. 불리언(boolean) 4. 심볼(symbol) : ECMAScript 6부터 제공됨 5. undefined 객체 타입(object type) 6. 객체(object) var num = 10; // 숫자 var myName = "홍길동"; // 문자열 var str; // undefined 숫자(number) 모든 수를 실수 하나로만 표현 매우 큰 수나 매우 작은 수를 표현할 경우 - e ..
2022.12.27 -
자바스크립트 적용
자바스크립트를 적용하는 방법 1. 내부 자바스크립트 코드로 적용 2. 외부 자바스크립트 파일로 적용 내부 자바스크립트 코드 자바스크립트 코드는 이렇게 삽입된 자바스크립트 코드는 HTML 문서의 head 태그 내의 자바스크립트 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! HTML 삽입 미리보기할 수 없는 소스 태그에 자바스크립트 코드를 삽입한 예제 body 태그 내의 자바스크립트 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! HTML 삽입 미리보기할 수 없는 소스 동작상의 차이는 없다!!!!! 외부 자바스크립트 파일 자바스크립트 코드는 HTML 문서의 내부뿐만 아니라 외부 파일로 생성하여..
2022.12.27 -
자바스크립트 출력
자바스크립트 출력 방법 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 메소드(method)와 프로퍼티(property)에 대한 더 자세한 사항은 자바스크립트 객체의 개념 수업에서 확인할 수 있음 자바스크립트 객체의 개념 수업 확인 => window.alert() 메소드 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달 Window 객체의 alert() 메소드 alert 대화 상자 HTML 삽입 미리보기할 수 없는 소스 HTML DOM 요소를 이용한 innerHTML 프로퍼티 HTML DOM 요소를 이용한 innerHTML 프로퍼티를 이용하는 방법 1. doc..
2022.12.27 -
자바스크립트 문법
프로그램(program)이란? 프로그램 - 컴퓨터가 실행할 수 있는 명령(instruction)으로 이루어짐 실행문(statement) - 컴퓨터 프로그래밍에서 컴퓨터가 실행할 수 있는 명령들 프로그램이 - 특정 결과를 얻기 위해서 컴퓨터에 의해 실행되는 실행문의 집합 자바스크립트 문법 자바스크립트의 실행문은 세미콜론(;)으로 구분 var x = 10; var result = x + 3; 대소문자를 구분 var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두 개의 변수로 인식됨. var JavaScript = 20; Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으면 Var는 동작하지 않음. 리터럴(literal) 직접 표현..
2022.12.26