Enjoy Programming

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries Object.entries() - JavaScript | MDN Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다). developer.mozilla.org Object.entries()메서드는 for...in과 같은 순서로 주어진 객체 자체의 enumerable속성 [key, value] 쌍의 배열을 반환한다. 배열로 반환 ~! for-in루프가 다른점..

이번에도 문자에 관한 메서드인 trim 시리즈를 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/Trim String.prototype.trim() - JavaScript | MDN trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미합니다. developer.mozilla.org trim()메서드는 문자열 양 끝의 공백을 제거한다. 공백이란 모든 공백문자(space, tab, NBSP)와 개행문자(LF,CR)를 의미한다. 트림은 그냥 자르는 기능이다. trim()은 문자열의 앞뒤 공백을 잘..

니코의 리액트 과정에서 번외로 타입스크립트와 react를 함께 하는 것을 알려주는 섹션이 있어서 섹션이 그리 길지않아 한번 해보고 넘어가기로 했다~ 먼저 npx create-react-app {reposit name} --typescript이렇게 해주면 typescript를 사용할 react앱을 만들 수 있다. 아 ... 수정되었다. npx create-react-app {reposit name} --template typescript라고 써주자. 그리고 vscode 를 실행해보면 기존 js파일이 아닌 tsx파일이 떡하니 자리잡고있다. 그리고 타입스크립트를 설정할 수 있는 tsconfig파일도 있다. 여기서 하나 추가해줬는데 noImplicitAny:false 이부분이다. 이부부은 앞서 살펴본 타입스크립..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Proxy Proxy - JavaScript | MDN Proxy 객체는 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용합니다. developer.mozilla.org proxy객체는 기본적인 동작(속성 접근, 할당, 순회, 열거 , 함수호출)의 새로운 행동을 정의할 때 사용한다. 쉽게 생각해 filter처럼 생각하면된다. 프록시 객체는 두개의 인자를 갖는다. filter하고싶은 target과 handler가 필요하다. hanlder는 trap들을 가지고 있는 placeholder객체 이다. https://develop..

generator 객체를 살펴보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Generator Generator - JavaScript | MDN Generator 객체는 generator function 으로부터 반환된 값이며 반복자와 반복자 프로토콜을 준수합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function* function* - JavaScript | MDN function* 선언 (끝에 별표가 있는 function keyword) 은 generator func..

https://developer.mozilla.org/ko/docs/orphaned/Web/JavaScript/Reference/Global_Objects/Map/Map Map() 생성자 | MDN Map() 생성자는 Map 객체를 생성합니다. developer.mozilla.org 자 map method가 아닌 Map()생성자 함수를 다뤄보자~ 헷갈리지 말자 생성자이다. Map객체를 생성해준다. Set은 value에 대해서만 작동을 한다면 Map은 key와 value모두 포함할 수 있다. key와 value의 저장소같은 느낌이다. Set은 add를 가지고 있지만 Map은 add가 없고 set을 가지고 있다. map을 하나 만들어서 key와 value를 set해보자. 오브젝트가 하나 만들어졌고 map에 ..