본문 바로가기

Javasciprt/js

(2)
javascript의 안티패턴 - async & map 요즘 비싼 온라인 강의를 듣고있다. 한 8만원 주고 5개월 전에 산 것 같다. ㅎ 최근 나도 사용했던 안티 패턴을 강의를 통해 알게되서 한 번 정리해 보려고 한다. 아마 많은 분들께선 올바르게 쓰고 계실 것이라서 소개하기 부끄럽다. 혹시나 본인 처럼 쓰시는 분들을 위해 아래 글은 facebook의 -그- 아저씨 처럼 써보았다. 말투가 많이 불편하다면 쪽지 ㄲ 해주세요 ㅋ map, forEach등 Array 함수의 util에서 사용하는 async 우리는 때때로 비동기 동작을 하는 (함수 | 컴포넌트 | 객체)들을 map에 넣고 돌릴 때가 있다. 그 코드는 적나라하게 표현하면 아래와 같을 것이다. [promise1, promise2].map(promiseObj => { // 비동기 동작 } } 우리는 각각의..
Closure를 공부해보았다 (1) - 맛보기 이 글은 클로저를 할짝해보는 글입니다. '틀린 것 없이 잘 썻는지 볼까?'라는 느낌으로 읽어주시고, 가르침을 주시면 좋겠습니다. 하하! 따라서 이 글의 대상 독자는 '알고싶은데 하나도 모르는 사람'입니다. 하하! 동기 인턴으로 들어간 회사에서 React로 개발을 하는 도중에 굉장히 골치 아팠던 상황이 있었다. 그 상황은 대략적으로 아래와 같은 상황이다. const App = () => { const [products, setProducts] = useState([]); const handleProducts = () =>; { setProducts( products.map( //뭔가합니다. ) ); } const Products = () =>; { return ( ); } ... }; Colored by ..