전체 글 10

기능 분할 설계 - 최고의 프런트엔드 아키텍처 ( Korean FE Article)

원문 : https://dev.to/m_midas/feature-sliced-design-the-best-frontend-architecture-4noj번역글 : https://emewjin.github.io/feature-sliced-design/ 읽게 된 이유 폴더 구조를 짤 때 항상 생각이 많다.  최선인가..? 그런데 고민이 항상 깊지는 못했고, 개인 프로젝트에 괜찮다 싶은 것을 직접 도입 및 체험해 보려고 한다. 아토믹 디자인과 함께 꽤나 커뮤니티에서 자주 언급되던 아티클인데, 그 당시에는 조금 얕게 읽었어서 이번 기회에 다시 감상평을 남기면서 정리하려고 한다. 아티클 내용기본적으로 레이어, 슬라이스, 세그먼트로 이루어져 있다. 레이어는 (출처 : 번역글) 7가지의 영역으로 나뉘어져 있고, 재사..

아토믹 디자인을 활용한 디자인 시스템 도입기(카카오)

원문 출처 : https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/ 아토믹 디자인을 활용한 디자인 시스템 도입기 | 카카오엔터테인먼트 FE 기술블로그정호일(harry) 카카오페이지에서 웹 프론트엔드를 개발하고 있습니다. 집보다 밖에 돌아다니는 걸 좋아합니다.fe-developers.kakaoent.com  이전 카카오의 아티클에서 아래와 같은 문구가 있었다. ' 디자인 시스템을 구축하면 응집도 높은 UI 컴포넌트들이 도출됩니다. 이렇게 도출된 컴포넌트를 개발에서 그대로 사용하기 위해 아토믹 디자인을 차용했습니다.' 결국 관심사를 분리하기 위해선 좋은 설계가 뒷받침 되어야 한다. 이런 아토믹 패턴은 좋은 ..

자바스크립트를 이용한 재시도 로직 구현하기(Korean FE article Team)

출처 : https://velog.io/@tap_kim/implement-retry-logic-using-javascript (번역) 자바스크립트를 이용한 재시도 로직 구현하기이번에 소개해 드릴 글은 다양한 방식의 재시도 전략에 대해서 알려드리고자 합니다. 저자는 자바스크립트에서 활용할 수 있는 6가지 다양한 방식의 전략과 효과적인 수행을 위한 2가지의 라이velog.io 원문 :  https://anu95.medium.com/implement-retry-logic-using-javascript-e502693e0b5c api요청을 하다보면 굉장히 다양한 이유로 실패를 하게 된다. 이때 보통 재시도 로직을 구현하고,  TanStack-Query에서는 기본적으로 retry옵션이 제공된다. 아티클에서는 어떤 ..