Aaron[에런]/주절주절14 고객 중심 프로덕트 개선에 ‘A/B 테스트’ 왜 필수일까? 배민이 기존 금액 할인에서 현재는 퍼센트 할인쿠폰으로 바꾼 것이 생각나는군요. 참고 - 요즘 IT 2024. 3. 13. 리액트 배칭(Batching)의 모든 것 리액트 배칭(Batching)의 모든 것 - 예시와 설명을 잘해두었습니다. 배칭: 리액트의 상태값을 일정한 주기로 처리하는 작업 React v18 이후 createRoot 함수를 사용함으로써 Automatic Batching 기능이 가능해졌습니다. 따라서 이벤트 핸들러 함수 내에 여러 setter가 사용되어도 같이 배칭으로 묶어서 처리해줍니다. 기존에는 여러 번 렌더링이 일어났어요. 참고 - 요즘 IT 2024. 3. 13. AI 시대에서 생존하고 성공하는 방법 AI 시대에서 생존하고 성공하는 방법에 대해 18분 동안 그림으로 설명해 주는 영상 (생성형 AI란 무엇이며, 어떻게 작동하는지, 위험과 한계는 무엇인지 등.) 프롬프트 엔지니어링과 무엇을 할 수 있을지에 대한 상상력이 중요하다고 소개하는데 개인적으로는 앞으로 글쓰기 능력과 비판적 사고력이 중요해질 것 같은 느낌이 듭니다. 그로 인해 철학이나 인문학 같은 소양들도 더욱 중요도가 올라갈 것 같습니다. 2024. 3. 11. Vue의 신기한 점 (feat. 동적 컴포넌트, 텔레포트) [Vue 살펴보면서 신기한점] - 동적 컴포넌트(Vue 2 이상)와 텔레포트(Vue 3 이상) 예시 1) 탭에 여러 버튼이 있고 각 버튼은 서로 다른 컴포넌트를 보여줌 selectedTab 데이터와 v-if를 이용해서 처리가능하지만 v-if 반복 성가심 → component 태그 이용 component 태그의 is 속성 컴포넌트 바꿀 때 이전 컴포넌트는 DOM에서 제거됨 → keep-alive 래퍼 컴포넌트 이용하여 컴포넌트를 완전히 제거하지 않고 상태를 내부에서 캐시로 저장하도록 Vue에 알려줌 예시 2) dialog 태그와 open 속성을 이용해서 만든 커스텀 오버레이 - 모달 → HTML Semantic/접근성 관점에서 모달 컴포넌트를 컴포넌트의 depth 깊이 위치시키는 것은 좋지 않음 전체 페이.. 2024. 3. 11. 이전 1 2 3 4 다음 반응형