FE/JavaScript
[JS] test를 통한 spread syntax 개념 익히기 _Koans
Koans는 불교에서 유래된 단어로, 결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미를 가지고 있다고 한다. 답이 미리 제시되어 있기 때문에 고민 없이 풀면, 큰 어려움 없이 전부 다 풀 수 있지만 그게 왜 정답인지 깊게 고민해 보는 시간을 갖지 않는다면 충분히 성장하기 어려울 것이다. 즉, '왜?' 라는 물음에 대해 꼭 깊은 고찰을 하고 넘어가자는 의미이다. describe('Spread syntax에 대해 학습합니다.', function () { it('전개 문법(spread syntax)을 학습합니다.', function () { const spread = [1, 2, 3]; const arr = [0, ...spread, 4]; expect(arr).to.deep.equal([0, 1, ..
FE/JavaScript
[JS] test를 통한 원시자료형/참조자료형 개념 익히기 _Koans
Koans는 불교에서 유래된 단어로, 결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미를 가지고 있다고 한다. 답이 미리 제시되어 있기 때문에 고민 없이 풀면, 큰 어려움 없이 전부 다 풀 수 있지만 그게 왜 정답인지 깊게 고민해 보는 시간을 갖지 않는다면 충분히 성장하기 어려울 것이다. 즉, '왜?' 라는 물음에 대해 꼭 깊은 고찰을 하고 넘어가자는 의미이다. 원시 자료형(primitive data type 또는 원시값) 객체가 아니면서 method를 가지지 않는 아래 7가지의 데이터 (궁금) string, number, bigint, boolean, undefined, symbol, (null) ㄴ method를 가지지 않는다? 원시값은 객체는 아니지만, 객체에서 하는 것처럼 메서드를 호출할 ..
FE/JavaScript
[JS] spread/rest
spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용한다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 6 rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용하다. function sum(...theArgs) { let total = 0; for (const arg of theArgs) { total += arg; } return total; } console.log(sum(1, 2, 3)); // Expected output: 6 console.log(sum(1, 2, 3, 4)); // Exp..
FE/JavaScript
[JS] Spread syntax 용례
다음 코드가 실행된 후, value의 값은 무엇일까? let arr = [10, 30, 40, 20] let value = Math.max(arr) // value의 값은 NaN 정답은 NaN 이다. let value = Math.max(...arr) 이면 value의 값은 가장 큰 수인 40이 된다. Spread syntax를 이용하여 배열의 형태를 각각의 요소로 풀어준 상태로 Math.max에 들어가기 때문이다. Math.max 용법 console.log(Math.max(1, 3, 2)); // Expected output: 3 console.log(Math.max(-1, -3, -2)); // Expected output: -1 const array1 = [1, 3, 2]; console.log(M..
⬆︎
