본문 바로가기

WEB/JavaScript5

[JavaScript] 함수(Function) 1. 자바스크립트 함수 ​자바스크립트에서는 함수도 하나의 타입이다. 따라서 함수가 변수에 대입될 수도 있고, 다른 함수의 매개변수로 전달될 수도 있다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있다. 2. 함수 선언 ​자바스크립트에서 함수를 선언할 때는 매개변수의 타입을 따로 명시하지 않으며, 호출할 때에도 인수로 전달된 값의 타입을 검사하지 않는다. 함수는 함수 선언문을 이용하거나 함수 표현식을 이용하는 2가지 방법을 통해 선언할 수 있다. /* 방법 1. 함수 선언문 */ function 함수명(매개변수1, 매개변수2,...) { ... } /* 방법 2. 함수 표현식 (익명 함수) */ var 변수명 = function() { ... } [예시] function add(x, .. 2023. 1. 10.
[JavaScript] 배열(Array) 자바스크립트에서는 배열과 객체를 이용하여 데이터를 보관하고 조작한다. 배열은 자바스크립트의 내장 객체 중 하나이며, 가장 많이 사용되는 자료구조(Data structure)이다. 1. 배열 생성 ​자바스크립트에서 배열을 생성하는 방법은 세 가지가 존재한다. var arr1 = [요소1, 요소2, ...]; var arr2 = Array(요소1, 요소2, ...); var arr3 = new Array(요소1, 요소2, ...); 자바스크립트에서는 배열 요소의 타입은 고정되어 있지 않기 때문에, 같은 배열에 여러 타입의 요소가 들어갈 수 있다. var arr = [1, 2, 3, "hello", null, true, []]; 이처럼 배열 안에 또 다른 배열, 객체, 함수도 포함이 가능하다. 2. 배열 요소.. 2023. 1. 9.
[JavaScript] for in / for of 비교 for in 문 for in 문은 객체가 가지고 있는 열거할 수 있는 속성(Enumerable Property)에 순차적으로 접근할 수 있도록 해준다. for (var 변수 in 객체) { ... } 객체 자리에 배열이 오면, for 문의 루프를 돌면서 배열의 인덱스 값을 변수에 순차적으로 대입한다. // 예시 1 var arr = [3, 4, 5]; for (var i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스 출력 document.write(i + " "); } document.write(" "); for (var i in arr) { // 위와 같은 결과 출력 document.write(i + " "); } [결과] 0 1 2 0 1 2 객체 자리에 키.. 2023. 1. 9.
[JavaScript] 변수와 타입 1. 변수 ​자바스크립트에서는 var 키워드를 사용하여 변수를 선언한다. 선언되지 않은 변수를 사용하려 할 경우 오류가 발생하지만, 선언되지 않은 변수를 초기화할 경우에 자바스크립트가 자동으로 선언과 초기화를 진행한다. var year; // 변수 year 선언 var month; // 변수 month 선언 month = 12; // 변수 month 초기화 date = 25; // 변수 date 묵시적 선언 및 초기화 자바스크립트에서 선언만 되고 초기화하지 않은 변수는 undefined 값을 갖는다. 위의 코드에서 선언만 된 변수 year는 undefined 값을 갖게 된다. 2. 타입 컴파일 과정을 거치지 않는 자바스크립트는 변수의 타입이 정해져 있지 않고 실행 시 타입이 정해진다. 따라서 자바스크립트.. 2023. 1. 9.
[JavaScript] 자바스크립트 소개 1. 자바스크립트(JavaScript) ​ 자바스크립트(JavaScript)는 객체 기반의 스크립트 언어이자, 컴파일 작업을 거치지 않고 바로 소스 코드를 실행할 수 있는 인터프리터(Interpreter) 언어이다. 자바스크립트를 실행하면 웹 브라우저에 포함된 자바스크립트 인터프리터는 소스 코드를 바로 해석하고 실행해 준다. 따라서 컴파일 언어보다 실행 속도가 빠르다는 장점을 가진다. 어떤 사용자가 접속하더라도 고정된 웹 페이지만을 보여주는 HTML, CSS와는 달리 자바스크립트를 이용하면 사용자의 입력에 동적으로 반응하는 웹 페이지를 구현할 수 있다. 자바스크립트는 주로 HTML, CSS와 함께 프론트엔드에서 사용되나, Node.js를 통해 서버측에서도 사용할 수 있다. 2. 자바스크립트 적용 ​1) .. 2023. 1. 9.

티스토리툴바