041-2022-09-05.md

41번째 만남

WIL

• Array.includes() vs Set.has() 중 무엇이 더 빠른가? -> Set.has()가 빠르다.
  • Set을 사용하려면 Array를 Set으로 바꿔야하지 않나. 그건 시간이 많이 안 드나?
    • Array -> Set으로 바꾸는 것은 바깥에서 한 번만 바꿔주는 것이니, 자료가 많아지면 Set.has()로 얻는 이점이 더 많을 것.
• web assembly 사용해 브라우저 위에서 완전한 개발 환경 구축
  • WebContainers라는 개발 환경 : Node.js를 브라우저 위에서 돌릴 수 있도록 하는 프로젝트
  • 이걸 사용하면 서버를 브라우저에서 돌릴 수 있다.
  • https://blog.stackblitz.com/posts/introducing-webcontainers/
• React Mixin
  • 예전에 class component에서 코드 재사용 위해 사용했던 것
  • 로직을 재활용하기 위한 방법 중 하나.
  • mixin -> 고차 컴포넌트 -> hooks
  • https://ko.reactjs.org/docs/react-without-es6.html#mixins
• 컴포넌트 분리의 미학 자료 공유
• 리뷰나 게임 채팅으로 욕을 입력했을 때 어떻게 걸러주는걸까?
  • 직접 관리하는 것 같다. 엑셀 시트나 어드민 쪽에서 json으로 관리하는 등으로
  • AI나 딥러닝 등으로 하는 것이 아니라 금칙어 시스템을 따로 만드는 것 같다.
  • 그럼 그것도 배열 형태의 구조이니, include를 쓰는게 아닐까? 아니면 알고리즘이 구현되어 있는걸까? 근데 크기가 크지 않으면 그냥 쭉 돌아도 문제 없을 것 같다.
  • 그럼 배열 vs 정규표현식으로 하는 것 중 어떤게 빠를까? -> 이론적으로는 정규표현식이 raw 데이터를 다루는 것보다 더 느리다.
• Prisma & GraphQL
• Compound Component 설계
  • 자유도가 높은 채로 있는지, 타입으로 뭘 막아내는지?
  • 그냥 여러 개의 컴포넌트 개발해서 조립하는 느낌?
• chakra UI의 멋있는 전환효과
  • Slide 컴포넌트라고 함.
• yarn berry zero install
  • yarn berry로 전환 : 작업이 크다.
  • 패키지 별로 안 되는 것도 있고, yarn berry 썼을 때 바꿔줘야하는 것도 있고.. (ex. react-router -> react-router-dom 으로 바꿔줘야함)
  • pnp를 적용하는게 좀 더 현실적인 것 같다.
• JSDoc
  • https://jsdoc.app/tags-description.html
  • https://jsdoc.app/tags-param.html
  • destructuring된 param에 설명 달려면 그 param 바로 위에 /** */ 주석으로 추가하믄 됨

잡담

• 지용님의 큰 배포 축하축하 🎉🎉🎉
• 유튜브의 영화관 모드가 필요한 이유? -> 화면 분할할 때 오른쪽 UI 없이 볼 수 있어서 편리하다.
• React Native 너무 어렵다.
• 젤루조아 드시는 지용님 🍦

---

• 📆 2022.09.05 20:00 ~ 21:00
• 👥 @Seogeurim @hseoy @pumpkiinbell @jiyong1 @KangyeolLee @gomjellie