JavaScript - Function
·
📘 Frontend/Javascript
Function 함수의 정의는 다른 언어들과 동일하기 때문에 기본적인 함수 설명은 생략 함수 파라미터 기본값 설정 Kotlin의 Default Parameter와 유사한 구조입니다. 파라미터가 2개 있는 함수에 1개의 파라미터만 전달하게 되면, 값을 할당받지 못한 파라미터는 Undefined 할당됩니다. 하지만 Undefined를 할당시키기 보다 함수를 선언할 때 기본값을 설정해주는게 더 좋습니다. function showMessage(from, text = "No Text Given") { alert(from + ": " + text); } showMessage("Kim"); // 결과값 : Kim: No Text Given 파라미터에 값을 전달해도 그 값이 Undefined와 엄격히(Strict) 일..
Javascript - Nullish 병합 연산자
·
📘 Frontend/Javascript
Nullish 병합 연산자 '??' nullish 병합 연산자(nullish coalescing operator) ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어있는’ 변수를 찾을 수 있습니다. Kotlin의 Elvis 연산자와 !! 키워드와 비슷한 느낌이지만 다른것 같습니다. a ?? b의 평가 결과는 다음과 같습니다. a가 null도 아니고 undefined도 아니면 a 그 외의 경우는 b nullish 병합 연산자 ??없이 x = a ?? b와 동일한 동작을 하는 코드를 풀어보면 다음과 같습니다. x = (a !== null && a !== undefined) ? a : b; 또 다른 예시를 살펴봅시다. firstName, lastName, nickName이란 변수..
Javascript - Operators & Condition
·
📘 Frontend/Javascript
Operators 자바스크립트에서의 기본 연산자는 다음과 같습니다. 덧셈 연산자 +, 뺄셈 연산자 -, 곱셈 연산자 *, 나눗셈 연산자 /, 나머지 연산자 %, 거듭제곱 연산자 ** 나머지 연산자(remainder operator)는 % 기호로 나타내지만, 비율을 나타내는 퍼센트와 관련이 없습니다. 나머지 연산자를 사용한 표현식 a % b는 a를 b로 나눈 후 그 나머지(remainder)를 정수로 반환해줍니다. 거듭제곱 연산자(exponentiation operator)를 사용한 a ** b를 평가하면 a를 b번 곱한 값이 반환됩니다. if & ? 을 이용한 조건 처리 다른 언어와 마찬가지로 if 줄이 1줄일때, {}를 생략할 수 있습니다. if문은 다른 언어와 비슷하므로 대충 작성합니다. if (ye..
JavaScript - Type Conversion (Primitive Type Only)
·
📘 Frontend/Javascript
Type Conversion (형변환) 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이런 과정을 "형 변환(type conversion)"이라고 합니다. alert가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환하여 보여주는 것이나, 수학 관련 연산자가 전달받은 값을 숫자로 변환하는 경우가 형 변환의 대표적인 예시입니다. 이 외에, 전달받은 값을 의도를 갖고 원하는 타입으로 변환(명시적 변환)해 주는 경우도 형 변환이라고 할 수 있습니다. 이 글에서 아직 객체의 형변환은 다루지 않고 Primitive Type에 대한 형변환만 다루겠습니다. 문자 변환 문자형으로의 형 변환은 문자형의 값이 필요할 때 일어납니다. alert메서드는 매개변수로 문자형을 받기 때문에, al..
JavaScript - Alert & Prompt & Confirm을 이용한 상호작용
·
📘 Frontend/Javascript
Alert 이 함수가 실행되면 사용자가 ‘확인(OK)’ 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 됩니다. alert("Hello"); 메시지가 있는 작은 창은 모달 창(modal window) 이라고 부릅니다. '모달’이란 단어엔 페이지의 나머지 부분과 상호 작용이 불가능하다는 의미가 내포되어 있습니다. 따라서 사용자는 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없습니다. 확인 버튼을 누르기 전까지 말이죠. Prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받습니다. result = prompt(title, [default]); 함수가 실행되면 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달..