담쟁이 담쟁이

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Map Map - JavaScript | MDN Map 객체는 키-값 쌍과 키의 원래 삽입 순서를 기억합니다. 모든 값(객체 및 원시 값 모두)은 키 또는 값으로 사용될 수 있습니다. developer.mozilla.org Object 키를 문자열 또는 심볼로만 가질 수 있는 구조입니다. 위 링크에서도 나와있지만 Object는 역사적으로 Map으로 사용되어왔습니다. Map key, value 형태로 저장 가능한 자료구조로써 빠른 검색 등에 사용합니다. Object와는 다르게 키의 데이터 유형에 제약이 없습니다. Map은 Object를 상속하여 사용합니다. 하지만 당연..

1. for in 문 for in 은 ES1부터 존재했던 방식이며 모든 객체에서 사용이 가능하다. 다만 해당 값의 value는 가져오지 못하며 key 값만 가져올 수 있다. let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; let object = { name: 'Nam', age: 23, city: 'Seoul' }; // 0,1,2,3,4,5,6,7,8 for(let i in arr) { console.log(i); } // name,age,city for(let i in object) { console.log(i); } 더욱이 for in 은 임의로 객체를 순회하여 반환해주기에 순서 등 유의해야한다면 사용하지 말 것을 권장한다. 2. for of 문 iterable 한 객체를 순회..

1. TypeScript 란 2. tsc 란 3. Babel 이란 4. tsc vs babel 5. tsc 사용법 6. babel 사용법 TypeScript란 TypeScript는 JavaScript의 Superset으로 기존 JavaScript문법에서 정적 타입 시스템을 추가한 것으로 코드의 안정성과 가독성을 향상시킨다. 다면 결과적으로 실행되는 코드는 JavaScript이기에 TypeScript 문법에서 JavaScript문법으로 변환되는 과정이 필요하다. 이 과정에서 크게 2가지가 사용 되는데 tsc와 @babel/preset-typescript 이다. TSC 란 tsc는 TypeScript를 JavaScript로 변환시키는 명령어로 TypeScript Compiler 라고 할 수 있다. 현재 ts..

Jest encountered an unexpected token SyntaxError: Cannot use import statement outside a module node js 에서 Test code를 Jest로 작성하던 중 해당 오류를 만났다. import 쪽에서 오류가 발생하였다는데 해결하는데 꽤 시간이 걸렸다. 오류의 근본적인 원인으로는 jest는 현대 문법의 js를 test 하지 못하여서 생긴다. (import 가 불가한 이유 -> Require 사용) https://dev.to/bytebodger/how-i-fixed-the-unexpected-token-error-in-jest-4o1j How I Fixed The Unexpected Token Error In Jest I recentl..