JavaScript & TypeScript31 [JS] Spread, Rest, Destructing Spread와 Rest 문법은 굉장히 비슷한데. 기능에 대한 설명만 주구장창 표현을 하지 구별하는 명확한 차이에 대한 설명이 없어서 복잡했습니다. 제가 생각하는 공통점은 ... 을 앞에 붙이는 것이고. 차이점은 먼저 Spread는 배열하고자 하는 어느 변수를 사용해도 상관 없는 것입니다. Rest는 ...rest를 사용하지만 함수의 파라미터(매개변수)가 존재한다면 (...변수)를 사용해야합니다 그리고 ...rest를 배열이나 객체 끝에 사용하고 그 뒤에는 더 이상 다른 내용이 들어 와서는 안됩니다. rest라는 단어의 뜻을 이해하면 쉽게 이해가 됩니다. 정확한 것은 아니지만 이렇게 개념을 잡고 해당 내용을 이해할 때에 도움이 되었습니다. 1. Spread 문법 객체나, 배열에서 사용 가능 합니다. 주로 .. 2021. 5. 31. [JS] 스코프, 클로저 스코프 : 배율로 볼수있는 범위가 다르듯이 8배로만 볼 수 있는 물체가 있으면 2배로는 볼 수 없다. 가까운 거리는 2배가 유리하지만 어쨋든 8배로는 볼 수 있다.. 클로저 : 변수 x, y 두개가 있다고 하면은, 함수안에 함수를 넣어서 x함수를 잠구고 y값을 원하는대로 컨트롤 가능하며, 함수 한번만 짜면은 컨트롤을 여러개 할 수 있다. 쉽게 생각하면 이런 느낌이었습니다. 이 때까지 코드를 짜오면서 좀 당연한 규칙(?)인듯한 느낌이었지만 구체적으로 몰랐기 때문에 이번 기회에 배우게 되었습니다. 1. 스코프 예제 1) let username = 'kimcoding'; if (username) { let message = `Hello, ${username}!`; console.log(message); // .. 2021. 5. 29. [JS] 객체 배열과 객체의 가장 큰 차이점은 순서의 유무입니다. 배열은 요소에 0부터 순차적으로 접근할 수 있지만 객체는 속성에 순서대로 접근하지 않고, key를 통해서 value에 접근합니다. 1. 객체의 구조 key는 first, second를 지칭하는 값 value는 1, 2를 지칭하는 값 입니다. 이 둘을 구분 하는건 :(콜론)을 두어 구분합니다. 중괄호를 사용하고, key와 value 값이 2개 이상 늘어날 경우 , 로 구분을 해줍니다. let obj = { first: 1, second: 2 }; 2. 객체의 값 사용 및 추출 객체를 지정하거나 만들었으면 그 값을 사용 할 줄도 알아야 합니다. value 출력하는 2가지의 방법이 있습니다. 1. Dot notation obj.first; // '1' 2. .. 2021. 5. 27. [JS] 배열 배열은 [ ] 안에 다양한 요소(값)를 차례로 채워 넣은 것 입니다. 아래에 값은 myMumber이란 변수에 배열 대입하였고 , 을 통해서 각 요소를 구분합니다. 1. 배열 활용법 myMumber = [ 74, 95, 12, 77 ]; myMumber[1] // 95값 출력 myMumber[4] = 66 // 4번 자리에 66 대입 (77번 뒤 66번 값 대입) myNumber.length // 4길이 출력 for (let i = 0; i < myNumber.length; i++){ sum = sum + myNumber[i];} // 모든 값을 더합니다. myNumber.indexOf('12') // 2 myNumber.indexOf('95') !== -1 // true 배열에 값의 위치를 출력, 없으면.. 2021. 5. 25. [JS] 반복문 1. for 구문 초기화(어디서부터 시작?), 조건식(어디까지 끝?), 증감문(반복하면서 증가는 얼만큼?) let sum = 1 for(let n =2; n 2021. 5. 13. [JS] 조건문, 문자열, Math 1. 조건문 1. 비교연산자 조건문에는 반드시 비교 연산자가 필요합니다. 1) 아래는 조건식을 채우기 위한 비교연산자 입니다. > (초과 또는 미만) >= (이상 또는 이하) ===(같다) !==(같지 않다) && (and) || (or) ! (not) ex) ! undefined = true // ! 'hello' = false == 와 ===(동치연산자) 는 다르다. 같음을 나타내지만 ==는 명확하지 않기 때문에 ===을 주로 사용합니다. 2) 아래의 값을 조건문에 넣으면 if문에서 false로 변환되므로 if 구문이 실행 되지 않습니다. false, null, undefined, 0, NaN, ' ' (공백, 값이 없음) 3) 비교하는 연산자는 아니지만 증가 감소를 표현 할 수도 있습니다. += 1.. 2021. 5. 12. 이전 1 2 3 4 5 6 다음
