자바스크립트
-
[JavaScript] 자바스크립트 삼항연산자 (조건부 연산자) 조건문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 7. 01:48
[JavaScript] 자바스크립트 if문, 조건문 이해하기에 이어서 자바스크립트의 조건문에 해당하는 삼항 연산자에 대해서 정리해보자. 조건부 연산자라고 불리기도 하고, 삼항 조건 연산자라고 부르기도 한다. 삼항 연산자는 자바스크립트에서 유일하게 반드시 피연산자 3개가 필요한 연산자로 보통 if/else문의 단축형으로 활용된다. [JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1에서도 정리한 적이 있는데 삼항 연산자의 문법은 아래와 같은 모양이다. // 조건 ? 값1 : 값2 let age = 20; console.log(age >= 19 ? '성인입니다.' : '미성년자입니다.'); // 성인입니다. 삼항 연산자의 조건은 if문의 조건 부분에 해당하고, 값1은 if문의 동작 ..
-
[JavaScript] 자바스크립트 if문 조건문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 6. 00:27
코드를 작성하다 보면 프로그램이 어떤 조건에 따라 다르게 동작해야 할 때가 필요하다. 자바스크립트에서는 이럴 때 if문과 삼항 연산자를 이용하면 되는데, 이번에는 if문에 대해서 정리해보자. if 기본 문법 if (조건식) 동작; if문은 if라는 키워드로 시작해서 소괄호를 열어 그 안에 조건식을 작성한 뒤, 바로 뒤에 조건식이 참일 경우에 동작할 코드를 작성하면 된다. let a = 1; if (a > 0) console.log('hello!'); // hello! 이렇게 한 줄로 작성해도 제대로 동작하지만, 일반적으로 이렇게 한 줄로 간단하게 동작할 코드를 작성하는 일이 많지 않기 때문에 두 가지 이상의 여러 가지 동작들을 작성해야 할 때는 중괄호로 블록 문을 만들어서 그 안에 코드를 담으면 된다. ..
-
[JavaScript] 자바스크립트 null, undefined 차이 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 30. 14:40
자바스크립트에는 "없으러움(?)"을 표현하는 두 가지 자료형이 있다. 바로 null과 undefined. [JavaScript] 자바스크립트 자료형(Data Type) 이해하기에서 정리했던 것처럼 이 둘은 자료형이면서 동시에 값인 독특한 특징이 있고 [JavaScript] 자바스크립트 형변환(Type Conversion) 이해하기 - 1에서 정리했던 것 처럼 두 값 모두 falsy한 값에 해당한다. 의미도 비슷하고 falsy한 값이기 때문에, 크게 구분해야 될 필요성을 못 느낄 수도 있지만, 가볍게라도 둘의 차이를 이해하고 구분할 수 있어야 한다. 가장 큰 차이는 '명시적 없음'과 '암시적 없음'..? 이 둘은 보통 빈 값이냐, 값을 할당하지 않았냐를 두고 구분한다. 화장실 휴지걸이 이미지로 많이 비교를..
-
[JavaScript] 자바스크립트 형변환(Type Conversion) 이해하기 - 3프로그래밍 이야기/JavaScript 공부 2020. 4. 26. 01:16
[JavaScript] 자바스크립트 형 변환(Type Conversion) 이해하기 - 2 에서 정리하던 암시적 형변환에 대해서 계속해서 정리해보자. 동치 연산자 ( ==, !=, ===, !== ) // string console.log('123' == 123); // true console.log('123' === 123); // false console.log('' == 0); // true console.log('' === 0); // false console.log('' == false); // true console.log('' === false); // false console.log('' == null); // false console.log('' === null); // false con..
-
[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가지가 있다. 단항 연산자 구체적인 연산자들에 대해서는 따로 설명하고 각 연산자들에 대한 개략적인 설명만 하자면 먼저, 단항 연산자는 말 그대로 아래와 같이 연산자가 하나인 연산에 사용되는 연산자이다. 대표적으로..