본문 바로가기

전체 글

[자바스크립트 ES6+ 기본] 21. Map 오브젝트 Map 오브젝트 key와 value의 컬렉션 Map 오브젝트 형태 [key, value] 형태처럼 대괄호 안에 key와 value를 작성 다양한 타입을 key로 사용할 수 있음 const obj = new Map([ ["key", "value"], [{book: 200}, "오브젝트"], [100, "Number"] ]); for (let keyValue of obj) { log(keyValue); }; // [key, value] // [{book: 200}, 오브젝트] // [100, Number] Map의 key 처리 for-of 문에서 작성한 순서대로 읽혀짐 new Map() Map 인스턴스를 생성하여 반환 파라미터에 이터러블 오브젝트 작성 const obj = new Map([ ["key", ".. 더보기
[자바스크립트 ES6+ 기본] 20. Symbol 함수, 메소드 Symbol 함수 for() 글로벌 Symbol 레지스트리(registry)에 {key: value} 형태로 Symbol에 저장 파라미터()의 문자열이 key가 되고 Symbol()로 생성한 값이 value가 됨 registry의 사전적 의미: 등록, 기록 const one = Symbol.for("sports"); log(one); // Symbol(sports) 글로벌 Symbol 레지스트리는 공유 영역 다른 오브젝트에서도 사용 가능 같은 key가 존재하면 등록된 값을 사용 const one = Symbol.for("sports"); const two = Symbol.for("sports"); log(one === two); log(Symbol.for(true)); // true // Symbol(t.. 더보기
[자바스크립트 ES6+ 기본]19. Symbol Property Well-Known Symbols ES2019 스펙에서 @@iterator 형태를 볼 수 있음 @@는 Well-Known Symbol을 나타내는 기호 @@match와 Symbol.match가 같음 스펙에서는 @@match 형태를 사용하고 개발자는 Symbol.match 형태를 사용 ES2019 기준: 12개 Well-Known Symbol Well-Known Symbol이란? 스펙에서 알고리즘에 이름을 부여하고 이름을 참조하기 위한 빌트인 Symbol 값 개발자 코드 우선 실행 match()를 실행하면 디폴트로 @@match를 실행 소스 코드에 Symbol.match를 작성하면 @@match가 실행되지 않고 Symbol.match가 실행됨 개발자 코드로 디폴트 기능을 오버라이딩할 수 있음 강좌에서 다루는.. 더보기
[자바스크립트 ES6+ 기본] 18. Symbol 오브젝트 primitive 값 자바스크립트에서 Primitive 값은 오브젝트가 아니라 값이며 함수를 갖고 있지 않음 const num = 100;을 할당하면 num 변수에 100만 할당되며 아무것도 첨부되지 않음 100이 primitive 값 ES5의 primitive 값 타입 string, number, boolean, null, undefined ES6에서 symbol 타입 추가 Wrapper 오브젝트 wrapper 오브젝트는? 프리미티브 값이 포함된 오브젝트 wrapper 오브젝트에는 메소드가 있음 wrapper 오브젝트가 있는 프리미티브 값 타입 string: String, number: Number 오브젝트 boolean: Boolean, symbol: Symbol 오브젝트 const obj = new.. 더보기
[자바스크립트 ES6+ 기본] 17. Generator 오브젝트 Generator 함수 function* Generator function function* 키워드를 사용한 함수 제너레이터 함수 형태 function 선언문, function 표현식, GeneratorFunction function* sports(one){ }; const book = function*(one){ }; const music = Object.getPrototypeOf( function* (){}).constructor; const gen = new music(); 작성 방법 function* 다음에 소괄호() 작성. 이어서 작성해도 되고 하나 이상 띄워도 됨 function* 선언문 function* 다음에 함수 이름 작성 제너레이터 함수를 호출하면 함수 블록{}을 실행하지 않고 Gene.. 더보기
[자바스크립트 ES6+ 기본] 16. RegExp 오브젝트 lastIndex 정규 표현식 사용 형태 const value = "ABC"; const obj = new RegExp("A", "g"); log(obj.test(value)); const reg = /A/g; log(reg.test(value)); // true // true 매치 시작 위치를 lastIndex 프로퍼티에 설정 디폴트 값: 0 g 플래그를 사용하면 lastIndex 프로퍼티 위치부터 매치 const value = "ABABA", obj = /B/g const value = "ABABA", obj = /B/g; log(obj.test(value) + ": " + obj.lastIndex); log(obj.test(value) + ": " + obj.lastIndex); log(obj.te.. 더보기
[자바스크립트 ES6+ 기본] 15. Math 오브젝트 Math 오브젝트 ES5까지는 수학 계산 처리에 부족했으나 ES6에서 수학 계4산용 함수가 많이 추가됨 특히, 머신러닝/딥러닝에 대응할 수 있게 됨 일반적으로 수학 계산을 사용하지 않으므로 개요 중심으로 다룸 정수, 제곱근, 사인 Math.trunc() 소수를 제외한 정수 반환 log(Math.trunc(12.56), Math.floor(12.56)); log(Math.trunc(-12.56), Math.ceil(-12.56)); log(Math.trunc("45.67"), Math.trunc(true)); // Number 타입으로 변환하고 결과값으로 함수 실행 // 12, 12 // -12, -12 // 45, 1 Math.sign() 값의 부호에 해당하는 값 log(Math.sign(5), Math.. 더보기
[Object Detection] YOLO YOLO 논문 발표 영상 https://www.youtube.com/watch?v=NM6lrxy0bxs YOLO 검출 방법 https://www.youtube.com/watch?v=9s_FpMpdYW8&ab_channel=DeepLearningAI YOLO v1 이해하는 데 도움된 영상 https://www.youtube.com/watch?v=ag3DLKsl2vk&ab_channel=codebasics anchor box 개념이 어려워서 찾아본 영상 https://www.youtube.com/watch?v=RTlwl2bv0Tg&ab_channel=DeepLearningAI https://mickael-k.tistory.com/27?category=798520 [출처]https://www.youtube.c.. 더보기

티스토리툴바