흙금이네 블로그

자바스크립트의 비교 연산자는 보다 큼(>), 작음(=), 작거나 같음( 1); // true alert(2 == 1); // false alert(2 != 1); // true let result = 3 > 4; alert(result); // false 문자열은 유니코드 순으로 비교하며, 유니코드 순으로 인덱스가 더 큰 문자열이 더 크다고 판단된다. 두 문자열의 글자들을 차례로 비교하여 글자가 더 크거나 작은 문자열이 다른 문자열보다 크거나 작다고 판단되고, 비교가 끝날 때까지 결론이 나지 않으면 길이가 더 긴 문자열이 더 큰 것으로, 길이가 같다면 두 문자열은 같다고 판단된다. alert('Z' > 'A'); // true alert('Glow' > 'Glee'); // true alert('Bee'..

피연산자는 연산자가 연산을 수행하는 대상으로, 인수라고 불리기도 한다. 단항 연산자는 피연산자를 하나만 받는 연산자이고, 이항 연산자는 두 개의 피연산자를 받는 연산자다. 단항 마이너스 연산자와 이항 마이너스 연산자는 사용하는 기호는 같으나 수행하는 연산이 다르다. let x = 1; alert(-x); // -1 (단항 마이너스 연산자는 부호를 뒤집음) let x = 1, y = 2; alert(y-x); // 1 (이항 마이너스 연산자는 뺄셈을 함) 자바스크립트에서 지원하는 수학 연산자는 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/), 나머지(%), 거듭제곱 연산자(**)가 있다. 거듭제곱 연산자는 정수가 아닌 숫자에 대해서도 동작한다. alert(1+2); // 3 alert(1-2); // -..

문자형으로의 형 변환은 메서드에서 매개변수를 문자형으로 받는 등 문자형 값이 필요할 때 일어난다. alert 메서드에 다른 형의 값을 매개변수로 전달하면 그 값은 문자형으로 자동 변환된다. String(value) 함수를 호출해 값을 직접 문자열로 변환할 수도 있다. let value = true; alert(value); // true alert(String(true)); // true 숫자형으로의 형 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다. Number(value) 함수를 사용하면 값을 숫자형으로 명시하여 변환할 수 있다. 숫자형으로 사용하고자 하는 값을 문자 기반 폼을 통해 입력 받는 경우, 명시적 형 변환을 해주어야 한다. alert('6'/'2'); // 3 alert(type..

alert 함수는 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 모달 창을 띄운다. alert('Hello'); prompt 함수는 텍스트 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄운다. title은 사용자에게 보여줄 문자열, default는 입력 필드의 초기값으로 생략할 수 있다([...] 안의 매개변수는 선택값). prompt(title, [default]); prompt 함수는 사용자가 입력 필드에 입력한 문자열을 반환하며, 취소 버튼이나 Esc를 누른 경우 null이 반환된다. let age = prompt('나이는?', 27); alert(age); IE에서는 입력 필드 초기값을 설정하지 않는 경우 undefined를 명시한다. IE 외의 브라우저에서도 두 번째 매개변수..

자바스크립트는 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든 바꿀 수 있는 동적 타입 언어다. let message = 'hello'; message = 123; 숫자형은 정수 및 부동소수점 숫자를 나타내며, 대표적인 관련 연산으로 곱셈(*), 나눗셈(/), 덧셈(+), 뺄셈(-)이 있다. 일반적인 숫자 외에 Infinity, -Infinity, NaN과 같은 특수 숫자 값도 숫자형에 포함된다. alert(1/0); // 무한대 alert(Infinity); // 무한대 NaN에는 어떤 추가 연산을 하더라도 NaN이 반환된다. alert('문자열'/2); // NaN alert('문자열'/2+5); // NaN 숫자형은 2^53-1(9,007,199,254,740,991)보다 크거나 -(2^5..

자바스크립트에서는 변수 선원과 값 할당을 한 줄에 작성할 수 있다. 그러나 권장하는 방법은 아니며, 가독성을 위해 한 줄에 하나의 변수를 작성하는 것이 좋다. let name = 'John', age = 27, message = 'Hello'; let name = 'John'; let age = 27; let message = 'Hello'; let name = 'John', age = 27, message = 'Hello'; 변수를 두 번 선언하면 에러가 발생한다. let message = 'OK'; let message = 'Error'; // SyntaxError: 'message' has already been declared let message = 'OK'; message = 'No Error..

ECMAScript5(ES5)에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 이에 따른 하위 호환성 문제가 발생하지 않도록 변경사항 대부분은 ES5 기본 모드에서 활성화되지 않고, use strict라는 지시자를 사용하여 엄격 모드를 활성화했을 때만 활성화되도록 설계되었다. use strict는 함수 본문 맨 앞에 올 수도 있으나 대개 스크립트 최상단에 위치한다. 스크립트 최상단에 위치하지 않으면(주석 제외) 엄격 모드가 활성화되지 않을 수도 있으므로 주의해야 한다. 'use strict'; use strict를 사용하여 적용된 엄격 모드를 취소할 수는 없다. 모던 자바스크립트의 클래스와 모듈은 use strict가 자동으로 적용된다. 따라서 클래스와 모듈을 사용한다면 use strict..

문은 어떤 작업을 수행하는 문법 구조와 명령어를 의미한다. 문은 세미콜론으로 구분하는데, 줄 바꿈이 있다면 세미콜론을 생략할 수 있다(세미콜론 자동 삽입). alert('Hello'); alert('World'); alert('Hello') alert('World') 그러나 자바스크립트가 세미콜론을 자동으로 삽입하지 못하는 상황이 발생할 수 있으므로 줄 바꿈으로 문을 나누더라도 문 사이에 세미콜론을 넣어 구분하는 것이 좋다. 주석은 스크립트 어느 곳에나 작성할 수 있다. 자바스크립트 엔진은 주석을 무시하므로 주석의 위치는 실행에 영향을 주지 않는다. 프로덕션 서버에 배포 전 코드를 압축해주는 많은 도구들이 있고, 이 도구들은 주석을 삭제해주므로 주석이 최종으로 배포되는 코드에 부정적인 영향을 끼치지는 않..

HTML 안에 직접 스크립트를 작성하는 방식은 스크립트가 아주 간단할 때만 사용한다. 스크립트가 길어지면 별도의 파일에 분리하여 작성하는 것이 좋다. 분리하여 작성된 스크립트는 src 속성을 통해 HTML에 삽입할 수 있다. 브라우저는 스크립트를 다운받아 캐시에 저장하고 사용한다. 여러 페이지에서 반복되는 스크립트를 별도의 파일에 분리하여 작성해두면 스크립트를 한 번만 다운받고 사용하므로 트래픽이 절약되고 웹 페이지 속도가 빨라진다. 참고 https://ko.javascript.info/hello-world