Pewwwjjj

이번 ES2020에서 새로 추가된 Optional Chaining은 "?."를 사용하여 객체의 속성 값에 대해 접근할 수 있게 해줍니다. 이미 타입스크립트 3.7 버전에서 구현된 기능이기 때문에, 기존에 타입스크립트를 사용하시던 개발자분들은 그리 낯설지 않은 문법일 것 입니다. 참조하는 대상이 null이나 undefined가 아니라면(= nullish 하지 않다면) 속성에 대한 접근이 가능하며, 만약 nullish 할 경우 undefined를 반환합니다. function getProp(obj) { return obj?.a; } // A const obj = { a: 1 }; getProp(obj); // 1 // B const obj2 = null; getProp(obj2); // undefined 일반..

들어가며 var text = 'Hello, '; function greeting() { var name = 'Pewww'; return function() { console.log(text + name); } } var g = greeting(); g(); // 'Hello, Pewww' 출력 예전에도 클로저 예제 분석에 대한 글을 썼었지만, (지금은 삭제한 상태) 제대로 이해하지 못한 상태였고, 저 스스로도 확실히 과정이나 결과에 대해 납득하기 어려웠습니다. 계속 그렇게 찝찝한 상태로 있다가 얼마 전, 내용을 다시 정리해보고 싶다는 생각이 들었고, 저번 보다는 좀 더 이해도가 높아졌다고 생각하여 글을 다시 써보려고 합니다. 솔직히 완벽히 이해했다고는 말할 수 없지만, 제가 고민하며 정리한 내용을 보고 ..

INTRO 개발을 하다보면 Array와 관련된 많은 메서드들을 사용하는데, 저는 그 중에서도 map()과 forEach()를 주로 씁니다. 많이 쓰는 만큼 한 번 정리해보고 싶기도 하고, 좀 다른 관점에서 이 두 메서드에 대해 접근해보면 재미있지 않을까 싶어 글로 써보려고 합니다! 재미로 읽어주세요 😉 어떠한 특징을 가진 메서드인가? map()과 forEach() 모두 Array 관련 메서드들로써, ES5 부터 등장하였습니다. forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리, map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출한 결과를 모아 새로운 배열을 반환한다는 특징을 가지고 있습니다. 그리고, 그 함수는 1. currentValue (배열 ..