23.10.20 TIL 개인 과제 준비 & 1주차 -4( 여기부터 수정하기 )

TIL

 

1주차 복습내용

 

pdf 강의자료 잘 참고해서 control f 로 찾아보기

FaQ 까지 다 찾아보고 모르겠으면 튜터님께 즉문즉답

document.querySelector('video').playbackRate = 3;

-> 이거 f12 누르고 콘솔에 입력하면 영상 재생속도 임의 조절 가능

string => 문자열!

https://lktprogrammer.tistory.com/124

[JavaScript] 자바스크립트 - 문자열(String) 객체 정리 (속성 및 메소드)

 

=>[JavaScript] 자바스크립트 - 문자열(String) 객체 정리 (속성 및 메소드

---

1-2 변수와 상수

 

변수 선언!

자바스크립트에서 변수는 var , let , const 세 가지 방법으로 선언할 수 있습니다.

 var 은 예전부터 사용되던 방법입니다. let 과 const 는 ECMAScript 6(ES6)에서 새로 도입 된 방법입니다.

변수 : 변할 수 있음
상수 : 항상 일정한 값을 가지고있음

변수*, 메모리에 값을 저장한다. → 기억하고 싶은 것 읽어들여서 재사용 한다 -> 모든 프로그래밍 동일

 

하는 이유 : 귀찮게 자꾸 하드코딩 하지 않고 빠르게 하기 위해

 

변수의 5가지 주요 개념 

 

1. 변수 이름 : 저장된 값의 고유 이름  
   ex) var 변수이름;
2. 변수 값 : 변수에 저장된 값 
   ex) var 변수이름 = 변수값;
3. 변수 할당 : 변수에 값을 저장하는 행위 
   ex)변수이름 = 변수값;
4. 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 
   ex)var 변수이름;
5. 변수 참조 : 변수에 할당된 값을 읽어오는것
   ex)var 변수값 = 변수이름;

=> 5. 변수 참조 설명

var a = ?

var b = ?

var c = a + b; // 변수 c가 변수 a,b를 참조했다

 

// var let const 의 차이점

// var와 let으로 선언된 것은 값을 바꿀수 있다. (변수임)

// const로 선언된 것은 값을 바꿀수 없다. (상수)

 

var 는 같은 이름의 변수를 여러 번 선언해도 오류가 X

가장 마지막에 선언 한 값으로 변수가 덮어씌워집니다. 

 

let 과 const 는 같은 이름의 변수를 두 번 선언하면 오류가 O

 

const 는 선언 후에 값을 변경할 수 없는 상수를 선언할 때 사용

---

걍 뒤로 갈 수록 까다로워 짐

var < let < const

 

좌측은 선언이고 우측은 할당이다.?

let,var,const 만 선언이라는겨 뭐여 암튼

let mylet // 변수 선언

mylet = “~~” //변수 할당

이렇게 설명함

assignment
과제, 임무
배정, 배치

 

 

 

 

const myConst

 

후에

myConst

라고 재 할당 했을 때

안된다고 오류 뜬 거임

 

 

---

1-3 데이터 타입1

자바스크립트는 동적 타입 언어다.
같은 변수에 어떤 것을 입력하느냐에 따라 인식하는 타입이 달라짐.
var foo;
console.log(typeof foo);  // undefined
foo = null;
console.log(typeof foo);  // object
foo = {};
console.log(typeof foo);  // object
foo = 3;
console.log(typeof foo);  // number
foo = 3.14;
console.log(typeof foo);  // number
foo = 'Hi';
console.log(typeof foo);  // string
foo = true;
console.log(typeof foo);  // boolean

 

var integer = 10;        // 정수
console.log("integer:" + typeof integer);
var double = 10.12;      // 실수
console.log("double:" + typeof double);
var negative = -20;      // 음의 정수
console.log("negative:" + typeof negative);
var binary = 0b01000001; // 2진수
console.log("binary:" + typeof binary);
var octal = 0o101;       // 8진수
console.log("octal:" + typeof octal);
var hex = 0x41;          // 16진수
console.log("hex:" + typeof hex);

 

typeof 해서 타입을 볼 수 있다.

자바스크립트 얘네는 자동으로 타입이 알아서 정해짐

Float → 물에 뜨다.. 떠다니다.. ?

(실수 형 숫자)

실수

유리수와 무리수를 통틀어 실수라 한다.

 

정수 Integer

소수점을 가지지 않는 수(0, 1, 25, 173, 1032 등) 정수는 0보다 작거나 같을 수도 있고 클 수도 있다. 

 

지수형Exponential 엑스포넨셜.. “>?

 

an에서 n과 같이 주어진 수의 거듭제곱을 나타내는 수

2를 세 번 곱하면 8이 되는데, 이를 23이라 표시한다. 

2 x 2 x 2 = 23

이렇게 같은 수가 몇 번 거듭하여 곱해졌는지를 나타내는 우측 상단의 3과 같이 작게 표시되는 숫자를 지수라고 한다. 지수에 따라 a2은 ‘a의 제곱’이라 하고 a3을 ‘a의 세제곱’, an을 ‘a의 n제곱’이라 읽는다.

지수가 1인 경우는 31=3과 같이 자기 자신과 같은 값을 갖는다. 또한 지수가 0인 경우는 밑의 값에 상관없이 b0=1과 같이 그 값이 1이다.

지수의 확장

자연수만이 지수가 될 수 있는 것은 아니다. 지수가 음수인 경우는 역수를 의미한다. c-n은 cn의 역수인 1/cn을 의미한다. 또한 d-1은 d의 역수인 1/d이다. 또한 유리수나 실수,복소수까지도 지수가 될 수 있다. a2/3, 3√2, e-i등과 같은 지수도 존재한다.

이와 같이 자연수 외에 0이나 음의 정수, 유리수, 실수, 복소수까지 더 많은 범위의 수를 지수로 취하는 과정을 지수의 확장이라 하는데 이는 지수법칙을 통해 증명할 수 있다.

[네이버 지식백과] 지수 [Exponent, 指數] (두산백과 두피디아, 두산백과)

---

NaN = not a number

 

infinity(무한대) 도 인식한다

//console.log("무한대타입:" + typeof 1/0); // 원하는 결과가 안나오네 //console.log("무한대타입:" + typeof -1/0); // 원하는 결과가 안나오네

 

NaN 으로 출력.

NaN의 타입은 Number이다.

 

str = string

str.length 하면 let str = “Hello World!” 

기능 알 수 있음

 

콤마를 기준으로 데이터를 나눠준다.

 

undefined = 초기화 되지 않을 때 자동 할당 되는 값.

변수의 값을 설정 안 했을 때

 

null = 의도적으로 객체에 값이 없음을 나타낸다.

프로그래머가 할당 해준다. 

null is 아무 가치 없는

 

console.log("숫자타입" + typeof 1);

console.log("글자타입:" + typeof "글자");

console.log("숫자아닌타입:" + typeof "숫자아님"/2);

console.log("무한대타입:" + typeof 10/0);

console.log("참거짓타입:" + typeof true);

console.log("참거짓타입:" + typeof false);

let un;

console.log("없는타입:" + typeof un);

console.log("null타입:" + typeof null);

let ob = {};

console.log("오브젝트타입:" + typeof ob);

let arr = [];

console.log("배열타입:" + typeof arr);

 

 

숫자타입number
글자타입:string
숫자아닌타입:NaN
무한대타입:NaN
참거짓타입:boolean
참거짓타입:boolean
없는타입:undefined
null타입:object
오브젝트타입:object
배열타입:object

NaN

수학 연산에서 유효하지 않은 값을 반환할 때 쓰는 NaN

NaN은 수학 연산에서 유효하지 않은 값을 반환할 때 반환된다. Java나 Kotlin 같은 언어들은 잘못된 연산이 들어갔을 때 Number와 관련된 Exception을 Throw 한다. 하지만 JavaScript는 반환 값을 유효하지 않은 값으로 준다.

2. 문자열(String) 문자열은 문자의 나열입니다. 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현합니다.

 

 concat 은 두 개의 문자열을 하나의 문자열로 만들어주는 역할을 하는 함수

let name = 'Alice'; let message = "Hello, world!";

문자열(String) 문자열은 문자의 나열입니다. 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현합니다.

let name = 'Alice';
let message = "Hello, world!";

---

1-4 데이터 타입 2

 

boolean
참 거짓

 

type of bool1 하면 불리언이라는 타입이 나옴.

 

console.log(Boolean(0));   // false
console.log(Boolean(""));   // false
console.log(Boolean(null));   // false
console.log(Boolean(undefined));   // false
console.log(Boolean(NaN));   // false
console.log(Boolean("false"));   // true
console.log(Boolean({}));   // true

 

 

result

결과, 결실

 

 

let result = string

 

console.log(String(123));       // "123"
console.log(String(true));      // "true"
console.log(String(false));     // "false"
console.log(String(null));      // "null"
console.log(String(undefined)); // "undefined"
console.log(String({}));        // "[object Object]"

 

다 스트링 값으로 다른 자료형을 문자열로 변환 한다.

 

 

---

참고한 블로그
https://dadah.tistory.com/

다다닿

+ 내배캠 notion + 강의