2021년 1월에 내가 배운 것들

[자바스크립트] 숫자로 강제변환할 때 일어나는 일들 외 몇 가지

자바스크립트 스터디를 하는 와중에 정리해보고 싶어 쓰게 된 글이다. 프로그래밍 언어라는 것이 내부적으로 어떤일이 일어나는지 몰라도 코딩을 하는데 무리는 없겠지만, 좀 더 깊게 들어가서 이해해보려고 노력하면 뭐랄까, 안목이 넓어진달까. 자바스크립트는 특히 그렇고 타입 강제변환에 대해서도 그러하다.

Looping over Arrays: for vs for-in vs .forEach() vs for-of

배열 반목문 4가지(for vs for-in vs .forEach() vs for-of)를 비교한다. 요약하면 승자는 for-of! 다음과 같은 장점이 있다.

  • await 을 사용할 수 있다.
  • break and continue 를 사용할 수 있다.
  • 열거가능(enumerable)한 속성이 있는 객체(모든 객체보다는, [Symbol.iterator] 속성이 있는 모든 컬렉션 요소)에 사용 가능하다.

왜 여전히 Vue3에서 상태관리 시스템이 필요한가 — 당신이 생각하는 그 방법 말고

  • Vuex는 상태관리를 위한 좋은 도구이긴 하지만 단점들이 있다. 그중에 가장 큰 것은 복작성을 크게 증가시킨다는 것. 오직 글로벌 상태만 만들어 관리할 수 있고 이 때문에 테스트와 리펙토링을 어렵게 한다.
  • Composition API가 발표되고 다시 상태관리에 대한 토론이 되살아났고 관련 논의들과 몇 가지 실험(Vue.js core team member가 만들고 있는 pinia, 이 글의 저자 Johannes Lamberts 가 만들고 있는 vue-state-composer)이 진행되고 있다.
  • 하지만 아직까지 내가 생각하는 이상적인 조건을 모두 갖춘 도구는 없다. 로컬 상태관리, Client-side hydration 지원, Devtools 지원 등의 조건.

기타 Vue.js 관련

viteedge는 이렇게 설명되어있다. “Vite Edge Side Rendering (ESR) framework.” ESR은 서버 없이도 SSR 렌더링의 역할을 CDN의 Edge를 통해 가능하다는 것 같다. 이걸 지원해주는 클라우드 서비스는 아직 Alibaba CloudCloudfare 뿐인 듯하다. 대충봐서는 정확한 개념이 안잡히는데 추적해봐야겠다. 아무튼 이런 걸 보면 SPA의 가능성이 점점 확대되가는 느낌이다.

기타

많은 분들이 CSS-in-JS 에 대해서 언급을 하고 있어서 우리도 도입을 고려해봐야 하나 라고 생각해던 차에 좋은 글이다. 컴포넌트 중심의 개발을 하기 시작하면 어떻게 CSS 를 사용해야 효율적인지 고민을 하게 된다. 그것의 여러가지 대안의 일부로서 CSS-in-JS를 이해하면 되지 싶다.

이 글이 마음에 드셨다면 👏🏽👏🏽와 커피한잔 후원하기 (카카오페이), 이메일로 소식을 받아보고 싶으시다면 이메일 구독하기 해주세요. 그리고 저희 회사에서 프론트엔드를 포함한 개발자분들 채용중입니다.

Vue.js 관련 이야기들 | working at habitfactory.co | 커피한잔 후원하기 https://bit.ly/355PDlu | 이메일 구독하기 https://bit.ly/3ax32Fn

Vue.js 관련 이야기들 | working at habitfactory.co | 커피한잔 후원하기 https://bit.ly/355PDlu | 이메일 구독하기 https://bit.ly/3ax32Fn