프로그래밍 이야기
-
[JavaScript] 자바스크립트 형변환(Type Conversion) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 4. 24. 03:31
[JavaScript] 자바스크립트 형 변환(Type Conversion) 이해하기 - 1에서는 자바스크립트의 형 변환 중 명시적 형 변환에 대해서 정리를 했었다. 이번에는 암시적 형 변환에 대해서 이어서 정리를 해보자. 암시적 형변환은 연산할 때 일어난다. 당연한 얘기로 들릴 느껴질 수도 있지만 암시적 형 변환은 당연히 연산할 때 일어난다. 어떤 값과 값이 연산되어질 때 필요한 상황에 따라 형 변환이 일어난다는 얘기다. 자바스크립트에 대한 호불호가 극명하게 갈리는 요소중 하나가 바로 이 암시적 형 변환이 아닐까 생각이 되지만 개인적으로는 여러 상황들을 고려해보면 나름대로 개발의 속도를 올리는데는 확실히 긍정적인 메커니즘이 아닌가 싶다. 자, 그럼 몇 가지 연산자로 서로다른 자료형 연산을 하면서 암시적 ..
-
[JavaScript] 자바스크립트 형변환(Type Conversion) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 4. 22. 03:54
[JavaScript] 자바스크립트 자료형(Data Type) 이해하기에서 변수와 상수에 담을 수 있는 모든 값에는 종류가 있는데, 이것을 자료형, Data Type이라고 부르고 자바스크립트에서 구분하는 7가지 자료형에 대해서 살펴봤었다. 또한 앞부분에서 자바스크립트는 느슨한 타입 언어, 혹은 동적 타입 언어라고 해서 변수의 타입을 미리 선언할 필요가 없다. 프로그램이 처리되는 과정에서 자동으로 파악되고, 이 말은 결국 같은 변수에도 불구하고 상황에 따라 값의 타입이 바뀔 수 있다는 뜻이기도 하다. 라고도 정리했었다. 그렇다. 자바스크립트는 컴파일 과정 없이 실행과 동시에 해석을 하는 인터프리터 언어이다. 그런 원리에서 코드가 실행되는 과정에서 상황에 따라 값의 타입이 유연하게 바뀔 수 있는 것이다. 타..
-
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 4. 20. 01:35
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1에서는 자바스크립트의 연산자들 중 피연산자의 개수에 따라 단항, 이항, 삼항 연산자에 대한 내용들을 정리했었다. 오늘은 그 외에 다른 연산자들에 대한 내용들을 정리해보자. 할당 연산자 할당 연산자는 오른쪽의 피연산자 값을 왼쪽 피연산자 값에 할당한다. 즉, 피연산자 두 개가 필요한 이항 연산자이다. 변수에 값을 담을 때 사용했던 등호(=)가 바로 할당 연산자다. // 변수 선언 let myNumber; // 숫자 7을 변수 myNumber에 `할당` myNumber = 7; 복합 할당 연산자라고 해서 +=, -=, *-, /= 등 다른 연산자들과 복합해서 약식으로 표기하는 방식이 있는데 특별히 의미가 변하진 않고 작성할 코드의 ..
-
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 4. 18. 23:41
연산자? 피연산자? 수학 시간에 연산을 할 때도 마찬가지였지만, 컴퓨터를 이용해서 코드를 통해 연산을 할 때도 연산의 방식을 결정하는 기호를 '연산자'라고 부르고 연산되는 대상을 '피연산자'라고 한다. 우리에게 가장 익숙한 +, -, *, / 이 가장 대표적인 예라고 볼 수 있다. 연산자의 종류 자바스크립트에는 굉장히 다양하고 많은 연산자가 있다. 그래서 몇 가지 기준에 따라 연산자의 종류가 분류되는데 가장 먼저 연산에 필요한 피연산자의 갯수를 기준으로 단항 연산자, 이항 연산자, 삼항 연산자 3가지가 있다. 단항 연산자 구체적인 연산자들에 대해서는 따로 설명하고 각 연산자들에 대한 개략적인 설명만 하자면 먼저, 단항 연산자는 말 그대로 아래와 같이 연산자가 하나인 연산에 사용되는 연산자이다. 대표적으로..
-
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 4. 15. 01:00
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 1에서 객체가 어떤 것인지, 객체는 어떻게 만드는지에 대해서 정리했었다. 이번에는 객체를 어떻게 다루는지 알아보자. - 객체 접근하기 객체도 결국에는 자료형이기 때문에 변수에 담긴다. 먼저 객체에 접근하려면 객체를 담고 있는 변수명을 호출하면 된다. const myObject = { name: { firstName: 'bigtop', lastName: 'Kim' }, age: 345, phoneNumber: '010-1234-5678', address: 'Somewhere in KOREA', 1234567890: 'Number', 'phone number': '010-1234-5678', }; console.log(myObject) //..
-
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 4. 12. 20:42
[JavaScript] 자바스크립트 자료형(DataType) 이해하기에서 자바스크립트에 존재하는 7가지 자료형에 대해서 살펴봤었는데, 그중에 Primitive type 6가지를 제외한 마지막 나머지 1가지. 객체에 대해서 조금 더 살펴보자. 자료형 7개 중에서 단 1가지의 종류라서 언뜻 보면 별로 중요하지 않은 것처럼 보이지만 반대로 생각하면 객체는 독립적으로 유일한 데이터 형태인 만큼 굉장히 중요한 요소이다. 실제로도 자바스크립트는 Primitive Type 의 값을 제외한 모든 것들이 이 객체로 이루어져 있는 객체 기반 스크립트 언어다. - 객체 만드는 방법 자, 그럼 이제 진짜로 객체에 대해서 살펴보자. 객체는 중괄호를 열고 닫는 것으로 만들 수 있다. const myObject = {}; 이밖에도..
-
[JavaScript] 자바스크립트 자료형(DataType) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 12. 01:11
지금까진 변수와 상수에 대해서 정리해봤다. [JavaScript] 자바스크립트 변수(variable) 이해하기 [JavaSciprt] 자바스크립트 상수(constant) 이해하기 이 변수와 상수에 담는 값들에는 다양한 종류, 다시 말해 다양한 형태들이 존재하는데, 이러한 형태를 자료형, Data Type 이라고 한다. 자바스크립트는 느슨한 타입 언어 , 혹은 동적 타입 언어 라고 해서 변수의 타입을 미리 선언할 필요가 없다. 프로그램이 처리되는 과정에서 자동으로 파악되고, 이 말은 결국 같은 변수에도 불구하고 상황에 따라 값의 타입이 바뀔 수 있다는 뜻이기도 하다. 자바스크립트에는 총 7가지 데이터 타입이 있는데, 이것은 큰 부류로 2가지로 나눠진다. 1. 기본형 Primitive Type 첫 번째는 기..
-
[JavaScript] 자바스크립트 상수(Constant) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 5. 20:13
[JavaScript] 자바스크립트 변수(varibable) 이해하기 에서 변수에 대해 알아봤다. 이번에는 상수에 대해서 알아보자. 상수란 무엇일까? 간단하게 상수는 변수의 반댓말이다. 수학에서의 상수와 동일하게 常(항상 상)자를 사용해서 변하지 않고 고정된 값을 담을 때 사용한다. 변하지 않는 값, 이것을 제외하면 나머지는 변수와 개념은 동일하다. 상수를 만드는 방법: 상수 선언 자바스크립트에서 상수는 var 와 마찬가지로 constant 의 앞글자를 가져와 const 라는 키워드로 선언한다. const 상수이름; 상수이름 = 상수값; // Uncaught SyntaxError: Missing initializer in const declaration 처럼 선언 할 수 있을 것 같지만, 상수는 앞서 설..