인생은 회전목마 우린 매일 달려가

언제쯤 끝날진 잘 몰라

modern javascript 5

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 8. 기본 연산자와 수학

덧셈 +, 곱셈 *, 뺄셈 - 연산자와 자바스크립트에서만 제공하는 연산자에 대해 용어: 단항, 이항, 피연산자 - 피연산자(operand) 연산자가 연산을 수행하는 대상, 5*2면 피연산자가 두 개(5, 2) 피연산자는 인수(argument)로 불리기도 한다. - 단항(unary) 피연산자를 하나만 받는 연사자를 단항 연산자 라고 부른다. 피연산자의 부호를 뒤집는 단항 마이너스 연산자 - 는 단항 연산자의 대표적인 예 let x = 1; x = -x; alert( x ); // -1, 단항 마이너스 연산자는 부호를 뒤집는다. - 이항(binary) 두 개의 피연산자를 받는 연산자를 이항 연산자 라고 부른다. 마이너스 연산자도 이항 연산자로 쓸 수 있다. let x = 1, y = 3; alert( y -..

Study/JavaScript 2023.05.29

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 7. 형 변환

형 변환 (type conversion) 함수와 연산자에 전달되는 값이 적절한 자료형으로 변환되는 과정 (대부분 변환된다.) 대표적인 예시 alert가 받은 값의 자료형과 관계없이 문자열로 자동 변환하여 보여주는 경우 수학 관련 연산자가 전달받은 값을 숫자로 변환하는 경우 (객체의 형 변환은 나중에 나온다.) 문자형으로 변환 - 문자형의 값이 필요할 때 일어난다. alert 메서드는 매개변수로 문자형을 받기 때문에 alet(value)에서 value는 문자형이어야 한다. 만약 다른 형의 값을 받으면 자동으로 문자형으로 변환된다. (String(value) 함수를 호출해 전달받은 값을 문자열로 변환 할 수도 있다.) let value = true; alert(typeof value); // boolean ..

Study/JavaScript 2023.05.19

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 6. alert, prompt, confirm을 이용한 상호작용

브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능 1. alert - 함수가 실행되면 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 창이 떠있다. alert('Hello') 모달 창(modal window) - 메시지가 있는 작은 창 모달이란 단어에 페이지의 나머지 부분과 상호 작용이 불가능 하다는 의미가 내포되어 있다. - 사용자는 모달 창 바깥의 버튼을 누른다던가 하는 행동을 할 수 없다. 확인 버튼을 누르기 전까진 2. prompt 브라우저에서 제공하는 함수인 promp는 두 개의 인수를 받는다. prompt(title, [default]) 실행되면 텍스트 메시지와 입력 필드(input field), 확인 및 취소 버튼이 있는 모달 창을 띄워준다. title 사용자에게 보여줄 문자열 ..

Study/JavaScript 2023.03.15

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 5. 자료형

js에서 값은 문자열이나 숫자형 같은 특정한 자료형에 속한다. 자바스크립트에는 여덟 가지의 기본 자료형이 있다. 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있다. 변수는 어떤 순간엔 문자열, 어떤 순간엔 숫자가 될 수도 있다. // no error let message = "hello"; message = 123456; 이처럼 자료의 타입은 있지만 변수에 저장되는 값은 언제든 바뀔 수 있는 언어를 ‘동적 타입(dynamically typed)’ 언어라고 부른다. 1. 숫자형 let n = 123; n = 12.345; - 숫자형(number type) 정수 및 부동소수점 숫자(floating point number)를 나타낸다. - 곱셉 * , 나눗셈 / , 덧셈 + , 뺄셈 - 등 다양한..

Study/JavaScript 2023.03.08

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 3. 엄격 모드

급한 것, 아픈 것들이 많이 지나가서 다시 시작하는 모던 자바스크립트~_~ 넘나 좋다 엄격 모드(strict mode) 그동안 자바스크립트는 기존 기능의 변경 없이 새로운 기능이 추가되어 오랫동안 호환성 이슈 없이 발전해왔다. - 기존의 코드가 망가지지 않음 - 창시자들의 실수나 불완전함이 언어 안에 박제되어 있음 위의 현상이 2009년까지 지속되었다. ES5에서 드디어 새로운 기능 추가와 함께 기존 기능 일부가 변경되었다. > 기존 기능의 변경으로 호환성 문제가 생김 >> 이를 위해 기본 모드에서는 활성화 되지 않게 설계 >>> use strict 라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 할 수 있음 리액트와 특히 next.js를 사용하다 많이 봤던 use strict!!..

Study/JavaScript 2023.01.06