Programming Languages/JavaScript(13)
-
[JavaScript] Prototype
처음 접하는 개념이라 하루종일 이것만 보고 있었네요 ㅠㅠ 조금은 이해한 것 같습니다. 1. Prototype Object 자바스크립트는 프로토타입 기반의 객체지향 언어입니다. Java와 C++에 있었던 Class 개념과 비슷하지만 차이가 꽤 있습니다. 자바스크립트를 잘 이해하기 위해서는 핵심 개념인 Prototype을 잘 이해해야 합니다. 클래스 기반의 객체지향 언어에서는 클래스를 선언하고 내부에 객체(인스턴스)를 생성합니다. 하지만 프로토타입 기반의 객체지향 언어에서는 클래스 필요없이 객체를 생성할 수 있습니다. 자바스크립트에서 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 이것이 Java 등에 있는 상속의 개념이다. 자식 객체는 부모의 프로퍼티와 메소드를 사용할 수 있다. 이러한 부모 ..
2020.08.02 -
[JavaScript] 함수(Function)
함수란 어떤 작업을 수행하기 위한 필요한 코드들의 집합을 정의한 것이다. 함수는 이름과 매개변수를 가지며 필요할 때 호출하여 코드 블록에 담긴 코드들을 일괄적으로 수행한다. 함수는 호출했을 때 실행되는데 여러 번 재사용이 가능하기 때문에 효율적이다. 자바스크립트에서 함수는 객체이다. 다른 객체와 구분되는 특징은 호출이 가능하다는 점이다. 함수도 객체이므로 변수나 객체, 배열 등에 저장할 수 있고, 다른 함수에 전달되는 인수로도 사용할 수 있으며 함수의 return값이 될 수도 있다. 함수를 정의하는 방식은 3가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 1. 함수 선언문 함수 선언문은 함수명, 매개변수 목록, 함수 몸체로 구성된다. 함수명은 함수 몸체에서 재귀적 호출을 하거나 자바스..
2020.08.02 -
JavaScript 기초 - 형변환
JavaScript에서는 함수나 연산자로 값이 넘어갈 때 자동적으로 자료형 타입이 바뀌는 경우가 있습니다. 이를 형변환이라고 합니다. 형변환은 자동으로 바뀌는 것 뿐만 아니라 명시적으로 바꿔줄 수도 있습니다. 문자열로 변경할 때는 String이라는 API를 사용합니다. 문자열로의 형변환은 무언가 출력할 때 많이 사용됩니다. let stringValue = String(1); // "1"이 저장됨 let numberValue = 1; // 1이 저장됨 숫자형으로 변경할 때는 Number라는 API를 사용합니다. 뿐만 아니라 수학과 관련된 함수와 연산을 하면 모두 숫자형으로 자동으로 형변환이 됩니다. 숫자형으로의 형변환은 수학 계산에 많이 사용됩니다. let a = "6" / "2"; // 3이 저장됨 le..
2020.07.31 -
JavaScript 기초 - 자료형
JavaScript에는 7개의 자료형이 있습니다. 숫자(number), 문자열(string), 불린, null, undefined, 객체(object), 심볼(Symbol) 숫자형은 말 그대로 숫자를 나타내는 자료형입니다. 정수, 부동 소수점을 포함한 숫자를 나타낼 수 있습니다. let num = 15; const PI = 3.141592; 숫자형에는 수 뿐만 아니라 특수 숫자 값이 포함됩니다. 여기에 Infinity, -Infinity, NaN이 있습니다. 숫자를 0으로 나누면 다른 언어에서는 대부분 오류가 발생하지만 JavaScript에서는 Infinity라는 값을 반환합니다. alert ( 6 / 0 ); // Infinity 출력 NaN은 숫자 계산 중 오류가 발생했을 때 리턴하는 값입니다. 부정..
2020.07.30 -
JavaScript 기초 - 변수와 상수
변수(Variable)는 변할 수 있는 데이터를 말합니다. let과 var로 선언할 수 있지만 let을 사용하기를 추천드립니다. 선언은 아래와 같이 할 수 있습니다. let x = 10; x = 15; alert(x); 위와 같이 작성하면 x의 초기화는 10으로 되었지만 후에 x에 15를 할당하고 15가 출력되는 것을 볼 수 있습니다. 한 줄에 여러 변수를 선언할 수도 있습니다. let name = "Steve", age = 24, city = "London"; alert(age); // 24 하지만 이렇게 한 줄에 여러 변수를 선언하는 것은 가독성을 해치기 때문에 한 줄에는 하나의 변수만 선언하는 것을 권장합니다. 여러 줄로 변수를 작성하는 것에는 방법도 여러 가지가 있습니다. let name = "A..
2020.07.30 -
JavaScript 기초 - 구문 작성, 주석
JavaScript에서 구문은 일반적으로 한 줄에 한 문을 작성합니다. alert("Hello"); alert("World!!"); 그리고 일반적으로 줄 바꿈이 있으면 세미콜론을 생략할 수 있습니다. 암시적으로 세미콜론이 존재한다고 인식합니다. alert("Hello") alert("World!!") 이 코드는 위의 코드와 같은 동작을 합니다. 하지만 항상 인식하는 것은 아닙니다. alert(3 + 2 + 1); 위와 같은 코드는 세미콜론으로 인식하지 않고 6을 출력하게 됩니다. 그리고 아래와 같은 상황은 세미콜론의 부재가 매우 치명적으로 작용합니다. alert("Error") [1,2].foreach(alert) 위 코드는 alert 문만 출력하고 1과 2는 출력하지 않습니다. 대괄호는 앞에 세미콜론이..
2020.07.30