Javasciprt (6) 썸네일형 리스트형 javascript의 안티패턴 - async & map 요즘 비싼 온라인 강의를 듣고있다. 한 8만원 주고 5개월 전에 산 것 같다. ㅎ 최근 나도 사용했던 안티 패턴을 강의를 통해 알게되서 한 번 정리해 보려고 한다. 아마 많은 분들께선 올바르게 쓰고 계실 것이라서 소개하기 부끄럽다. 혹시나 본인 처럼 쓰시는 분들을 위해 아래 글은 facebook의 -그- 아저씨 처럼 써보았다. 말투가 많이 불편하다면 쪽지 ㄲ 해주세요 ㅋ map, forEach등 Array 함수의 util에서 사용하는 async 우리는 때때로 비동기 동작을 하는 (함수 | 컴포넌트 | 객체)들을 map에 넣고 돌릴 때가 있다. 그 코드는 적나라하게 표현하면 아래와 같을 것이다. [promise1, promise2].map(promiseObj => { // 비동기 동작 } } 우리는 각각의.. Environment Record 맛보기 - Declarative Record 이 글은 ECMAScript 2021을 기준으로 만들어 졌습니다. 네. 2021이 오늘 나와서 그런지 2020이 증발했습니다 하하! 오타, 오역, 부정확한 표현/정보가 있으면 지적해 주시면 감사하겠습니다. 오랜만에 글을 쓴다. 쉬는 날이 많았는데... 게임이나 tv가 너무 재미있었다. 죄송합니다. 쨌든, 오늘은 Declarative Record의 함수들을 보면서 우리가 var, let등 변수들을 선언할 때, 어떤 식으로 선언 될지 한번 그림을 그려보고자 한다. 물론 함수나 모듈의 경우 세부 구현이 다르니 감안하고 참고하기 바란다. Declarative Environment Record란 간단히 말해서 선언해서 사용하는 것들의 record이다. 흔히 사용하는 let, var, function등의 키워드에 .. Environment Record - 맛보기 + 2017과 2020 비교 한스푼 이 글은 ECMAScript2017과 ECMAscript 2020을 기준으로 작성된 글입니다. 오타, 오역, 부정확한 표현/정보가 있으면 지적해 주시면 감사하겠습니다. 드디어 Lexical Environment에서 한 발짝을 때 본다. 이번 글에서는 Environment Record가 뭐고, 어떤 게 있는지에 대해서 간략히 알아보고자 한다. 각 종류에 대한 세부 설명은 몇 편에 걸쳐서 소개되지 않을까 싶다. (물론 연휴에 올릴 것 같다 ㅋ) Environment Record 지난 번에는 Environment Record의 정의를 살펴봤다. 아래 정의를 한번 보자. An Environment Record is a specification type used to define the association of.. Lexical Environment 종류 이 글은 ECMAscript 2017을 기준으로 작성된 글입니다. 오타, 오역, 부정확한 표현/정보가 있으면 지적해 주시면 감사하겠습니다. 지난번 맛보기에서 하지 못했던 종류를 슬쩍 들고 왔다. 오늘의 내용은 Lexical Environment의 종류이다. 오늘의 대상 오늘은 아래 소개할 Lexical Environment의 3가지 종류에 대해 알아보고자 한다. Global Environment Module Environment Function Environment Global Environment Global Environment는 우리가 지난번에 이야기했던 Lexical Environment의 구성요소 중 outer Lexical Environment가 null인 Lexical Environment이.. Lexical Environment 맛보기 이 글은 ECMAscript 2017을 기준으로 작성된 글입니다. 오타, 오역, 부정확한 표현/정보가 있으면 지적해 주시면 감사하겠습니다. 다시 한번 맛보기로 돌아왔다. 할 말은 많지만, 이 글의 제목이 맛보기인 이유는 다음 사진으로 대체하겠다. 맛보기 대상 그래서 뭘 맛 볼거냐? 위의 사진에서 조금 알아챌 수 있듯이 굉장히 방대한 내용을 다루고 있으니, 차근차근 접근할 것이다. 이번 편에서는 Lexical Enviroments 개괄을 해보고자 한다. scope와 관련된 이해가 조금 있으면 좋습니다. 진짠가?라는 느낌으로 읽어주시면 감사드리겠습니다. 애매하면 댓글을 남겨주시면 감사드리겠습니다. Lexical Environments A Lexical Environmentis a specification t.. Closure를 공부해보았다 (1) - 맛보기 이 글은 클로저를 할짝해보는 글입니다. '틀린 것 없이 잘 썻는지 볼까?'라는 느낌으로 읽어주시고, 가르침을 주시면 좋겠습니다. 하하! 따라서 이 글의 대상 독자는 '알고싶은데 하나도 모르는 사람'입니다. 하하! 동기 인턴으로 들어간 회사에서 React로 개발을 하는 도중에 굉장히 골치 아팠던 상황이 있었다. 그 상황은 대략적으로 아래와 같은 상황이다. const App = () => { const [products, setProducts] = useState([]); const handleProducts = () =>; { setProducts( products.map( //뭔가합니다. ) ); } const Products = () =>; { return ( ); } ... }; Colored by .. 이전 1 다음
