js 16

JS(6) Type - 원시타입(3) Boolean, undefined, null

Boolean : 논리 연산자 논리곱 연산자 (AND) && : 하나라도 false면 false. 논리합 연산자 (OR) || : 하나라도 true면 true 논리부정 연산자 (not) ! : true면 false, false면 true true로 평가되는 값 Truthy - true - 0을 제외한 모든 숫자 - 빈 문자열을 제외한 모든 문자열 - 모든 객체 : 객체, 배열, 함수 등 false로 평가되는 값 Falsy - false - 0 - 빈 문자열 "" - null - undefined - NaN undefined : 변수에 값이 할당되지 않은 경우 let a; console.log(a); // undefined null : 값이 없음 변수에 값을 지정하지 않도록 초기화 (의도적으로 비어있음을 ..

JS 2023.08.23

JS(5) Type - 원시타입(2) 숫자형

숫자형 JS의 숫자형은 배정밀도 64비트 부동소수점 형식 배정밀도 64비트 : 숫자 하나를 표현하는데 64비트의 용량을 사용. 32비트보다 두배로 정밀 부동소수점 : 소수점을 이동시키면서 숫자를 표현 음양의 값, 유효숫자와 소수점의 위치 값으로 숫자를 나타냄 숫자의 다양한 연산 console.log(`10 + 3 = ${10 + 3}`) console.log(`10 - 3 = ${10 - 3}`) console.log(`10 / 3 = ${10 / 3}`) console.log(`10 * 3 = ${10 * 3}`) console.log(`10 ** 3 = ${10 ** 3}`) // 10^3 console.log(`4 ** 0.5 = ${4 ** 0.5}`) // 4의 제곱근 = 2 console.lo..

JS 2023.08.23

JS(4) Type - 원시타입(1) 문자열

원시타입(Primitive Types) stiring, number, bigint, boolean, undefined, symbol, null등 값이 변경 불가능. 변수에 저장하거나 전달할 때 값에 의한 전달. (가리키고 있는 값을 따라가서 실제 메모리에 저장된 주소가 복사되어 저장) let a = 100; let b = a; a = 50; console.log(b) // 100 원시타입의 메소드 JS는 원시타입도 마치 객체타입처럼 사용할 수 있게 autoboxing이라는 과정을 거침 let val = 'hello!'; console.log(val.toUpperCase()); // 위의 코드가 autoboxing을 거쳐서 내부적으로 아래처럼 실행됨. let val = 'hello!'; let temp =..

JS 2023.08.23

JS(3) Type 을 확인하는 방법

Type : 자료형 type을 확인하는 방법 - typeof 연산자 : 자료형을 문자열로 반환. null을 object로 반환 (설계 오류), array에 대해 object라고 반환하므로 주의해서 사용 typeof 42; // "number" typeof "hello"; // "string" typeof true; // "boolean" typeof undefined; // "undefined" typeof null; // "object" - instanceof 연산자 : 객체의 생성자 함수를 비교해서 true false로 타입 체크. 상속 체인까지 확인. 객체에 대해서만 사용 O 원시타입에 대해서는 사용 X var arr = [1, 2, 3]; var obj = { name: "John", age: 3..

JS 2023.08.23

JS(2) 변수

변수 : 변할 수 있는 수(정보) 변수명을 정할 때 $, _ 을 제외한 공백, 특수문자, 구두점 사용 X 첫 글자 숫자 X 대소문자 구별 예약어 (if 등) X JS 변수의 특징 변수 선언 할 때 var, let, const 키워드 사용 var, let, const 키워드는 변수를 선언 할 때 한번만 사용 var : 초기화 필요없음. 재선언 가능. 키워드 생략 가능 (strict mode에서는 에러). 함수 외부에서 선언되면 전역. 'use strict'; // 엄격모드에서 실행 valueA; // 변수 키워드 생략은 엄격모드에서 에러 var valueA; // 초기화 필요없음. var valueA = "hi"; var valueA = "hello"; // 재선언 가능 valueA = "not hello..

JS 2023.08.23

JS(1) JavaScript 기초

JavaScript? HTML, CSS를 프로그래밍적으로 제어할 수 있는 프로그래밍 언어 웹페이지에서 동작하는 프로그램을 만들 때 사용. 정적인 웹에서 동적인 웹으로. JavaScript를 사용하는 여러가지 방법들 - HTML 파일 내부 삽입하기 인라인 방식 hello Internal 방식 - HTML 파일 외부에 있는 스크립트 파일을 로드 //test.js window.alert('hello world!'); - 브라우저 콘솔창에서 사용 ⌥ + ⌘ + i 브라우저 API (BOM) 브라우저에서 제공하는 API (Browser Object Model) JavaScript 언어에 포함되는 영역은 아니지만 JS가 이 기능들을 사용할 수 있도록 도와줌. window.alert() : 메시지 다이얼로그 띄움 ..

JS 2023.08.23