🦎 JavaScript 59

[JS] 형 변환과 타입 강제 변환

형 변환(type conversion)과 타입 강제 변환 (type coercion) 형 변환(type conversion)은 한 유형에서 다른 유형으로 수동 변화이다. 타입 강제 변환(type coercion)은 JS가 유형을 scenes 뒤에서 자동 변환한다. 형 변환(type conversion) 명시적으로 원할 때 한 유형에서 다른 유형으로 수동 변환한다. 만일 웹 페이지에 출생 연도를 입력할 수 있는 입력 필드(input field)가 있다고 가정하면 일반적으로 문자열로 제공된다. const inputYear = "1991"; 내가 얻은 inputYear가 사용자 인터페이스에서 값이 1991인 문자열인거다. const inputYear = "1991"; console.log(inputYear +..

🦎 JavaScript 2023.01.30

[JS] if / else 문

if/else문을 활용하여 운전면허증 확인하는걸 만들어보겠다. 유럽기준 운전이 가능한 나이는 만18세 이상이다. 사람인지 아닌지, 운전이 가능한지, 불가능한지에 대해 if/else문을 작성할것이다. const age = 19; const isOldEnough = age >= 18; const isOldEngough = age >= 18;은 불리언으로 답한다. 만 18세 이상이면 true, 미만이면 false. 그에 대한 결정은 이제 if문을 사용한다. if(해야할 일) { } 이렇게 작성하면 도니다. 이제 이 조건이 사실로 발혀지만 if문의 중괄호는 실행된다. const age = 19; const isOldEnough = age >= 18; if (isOldEnough) { console.log("Li..

🦎 JavaScript 2023.01.23

[JS] 문자열

문자열은 프로그래밍에서 매우 중요한 부분이다. 문자열을 구축하려면 template literals(템플릿 리터럴)이 사용되야 한다. 템플릿 리터럴 활용 X일 때 const firstName = "jonas"; const job = "teacher"; const birthYear = "1991"; const year = 2037; const jonas = "I'm" + firstName + ",a " + (yaer - birthYear) + "years old" + job + "!"; (year - birthYear) 부분에서는 타입 강제 변환(type coercion)이 활용된다. 타입 강제 변환(type coercion)은 (year - birthYear) ← 이 숫자를 문자열로 변환하고 그것들을 연결..

🦎 JavaScript 2023.01.23

[JS] 다른 연산자의 우선순위

const now = 2037; const ageJonas = now - 1991; const ageLisa = now - 2018; console.log(now - 1991 > now - 2018); 왜 빼기 연산자가 비교 연산자보다 먼저 실행될까? 자바스크립트는 잘 정의된 연산자를 우선 순위로 갖는다. 따라서 기본적으로 연산자가 실행되는 순서이다. 왼쪽 → 오른쪽 console.log(now - 1991 > now - 2018); 오른쪽 → 왼쪽 let x, y; x = y = 25 - 10 - 5; console.log(x, y); 뺄셈이 먼저 시작한 이유는 우선순위가 높기 때문이다. x = y 랑 값이 같다. y는 정의되지 않는다. 그 이유는 let x,y;에서 빈 변수로 선언했기 때문이다. 우선..

🦎 JavaScript 2023.01.22

[JS] 기본 연산자

기본 연산자 연산자를 사용하면 기본적으로 값을 변환 또는 여러 값을 결합할 수 있다. 빼기 연산자 const ageJonas = 2037 - 1991; const ageLisa = 2037 - 1989; console.log(ageJonas, ageLisa); console.log에 여러 값을 출력하려면 ,를 사용하면 된다. 2037년도가 중복됨으로 별로 좋은 방법은 아니다. 왜냐면 연도가 바뀌면 값을 변경해야 하기 때문이다. 그렇다면 어떻게 해야할까? 바로 변수를 새로 만들어 값을 할당하는 것이다. const now = 2037; const ageJonas = now - 1991; const ageLisa = now - 1989; console.log(ageJonas, ageLisa); 곱하기, 나누기..

🦎 JavaScript 2023.01.21

[JS] Blooleans(불리언)

Booleans(불리언) Booleans(불리언)은 두개의 값이 있다. true와 false이다. true와 false는 소문자여야한다. 불리언은 예/아니오나 참/거짓 값에 사용된다. JS에는 5가지의 거짓 값이 있다. 0, ' ' (빈 문자열), undefined(정의되지 않음), null, NaN(숫자가 아닌 것) fasle는 이미 거짓이어서 거짓 목록에 포함하지 않았다. Booleans로 변환하려면 flase로 바뀐다. 처음에는 당연히 거짓이 아니었다. 그것들은 다시 말해 Boleans로 변경할 때만 false로 된다. 다른 모든 것은 truly value이다. Booleans으로 변경할 때 0이 아닌 모든 숫자 또는 0이 아닌 모든 문자열, 빈 문자열은 true가 된다. 숫자, 문자열과 마찬가지로..

🦎 JavaScript 2023.01.19

[JS] Variables (변수) | let | const | var

Value value(값)은 기본적으로 데이터 조각이다. Jonas는 값이다. 큰솔에서 이 값을 보고 싶으면 console.log()를 입력해주면 된다. console.log("Jonas") value는 기본적으로 가장 작은 단위이다. 값으로 할 수 있는 매우 유용한 한가지는 변수에 저장하는 것이다. let firstName = "Jonas"; Jonas와 같은 값을 firstName변수에 할당한다. 위의 코드와 같이 적은 것을 변수 선언이라고 한다. 이를 통해 실제 변수를 생성할 것이다. 컴퓨터 메모리에 Jonas 값을 해당 변수 안에 저장한다. 코드에 무언가를 출력해햐 할 때마다 console.log를 사용해야 한다. 8번째 줄로 부터 firstName인 Jonas 값을 출력 받았다. 7번째 줄까지 ..

🦎 JavaScript 2023.01.12

[JS] Primitive Types

value object(객체) let me = { name:'Jonas' }; primitive(원시 값) :객체가 아닌 경우에만 primitive 속한다. let firsName = "Jonas"; let age = 30; 7가지 원시 값의 데이터 타입 number(숫자), string(문자열), bullion, undefined, null, symbol(기호), bignit(큰 정수) number(숫자) : 부동 소수점 숫자 → 십진수와 정수를 사용 let age = 23; number은 항상 소위 부동 소수점 숫자이다. 항상 소수점이 있다. 23도 23.0이다. string(문자열): 일련의 문자 → 텍스트를 사용 let firstName = "Jonas"; 항상 따옴표로 묶는다. boolean: ..

🦎 JavaScript 2023.01.11

[JS] JavaScript

JavaScript From Browser To EveryWhere (→ 브라우저를 다루는 언어에서 출발) Programming Language: building web applications → 인터넷의 프로그래밍 언어, 개발자가 동적 추가를 허용, 모든 웹 페이지에 대한 상호 작용 효과, 콘텐츠나 CSS 조작하는데 사용, 웹 애플리 원격 서버에서 데이터 로드, 웹 애플리케이션(브라우저에서 전체 애플리케이션을 빌드) Script는 동적으로 HTML 파일을 조작한다. 인터넷이 발명된 직후 두개의 첫번째 웹 브라우저가 개발되었다. 개발자들은 웹사이트보다 상호작용적으로 만들기를 원했다. → 브라우저용 언어 필요 1995년 → Brendan Eich라는 사람이 10일만에 JS의 첫번째 버전을 만들었다. 그것은..

🦎 JavaScript 2023.01.10
728x90