React

이슈 발생시형님 ! 예전 코드로 다시 원복해서 빌드했는데 예전 캐시가 적용이 안돼요.평온히 개발하고 있던 어느날 다음과 같은 이슈가 발생했다. 사내 프로젝트에서 Turborepo를 활용해 모노레포를 구축하여 사용하고 있는데, 갑자기 예전에 빌드된 캐시가 코드에 적용되지 않는 현상이 발생한 것이다. Turborepo는 강력한 캐시기능을 자랑한다. 로컬 캐시, 클라우드 캐시 등 다양한 캐시 전략을 통해 빠른 빌드 속도를 토대로 배포시간 단축에 도움을 준다. 우리 팀 또한 편리하게 개발하고 있었는데 이상하게 예전 코드로 돌아가면 빌드시에 현재 코드로 적용되는 현상이 발생한 것이다. 캐시기능을 off하고 사용할 수 도 있었지만 그러기엔 Turborepo가 자랑하는 캐시를 꺼버리기엔 아까운 상황. 다행히 몇번의 ..

올해 첫 AWSKRUG Frontend 소모임에서 진행한 밋업에 다녀왔다. 해당 커뮤니티는 작년말부터 슬랙을 통해 참가했는데 오프라인 행사 참가는 이번이 처음이었다. 밋업 진행이 성수 무신사 오피스에서 진행되고 마침 이직한 회사도 성수에 위치해서 퇴근 후 저녁시간에 참가했다. AWSKRUG 프론트엔드는 매달 한번씩 오프라인 모임을 진행한다. 매번 발표자료와 슬라이드를 유튜브와 깃허브를 통해 제공하는데 내용이 하나같이 알차고 도움이 되었다. 이번 발표주제는 'cognito와 next-auth'에 관한 내용이었다. 마침 회사에서 프로젝트를 구축하면서 auth 관련해서 next-auth에 대해 살펴봐서 겹치는 부분이 있었다. cognito는 이번에 처음알게됐는데 생각보다 실무에서 두 스펙의 조합으로 많이 사..

최근 사내 디자인 시스템을 개발하면서 Stroybook을 활용하여 컴포넌트 문서화를 진행하고 있다. 마크다운 파일에서 직접 jsx, tsx를 활용할 수 있는 MDX를 활용하여 문서를 작성하고 있는데 무엇보다 익숙한 마크다운 문법과 컴포넌트 코드를 분리할 수 있다는 장점을 활용할 수 있어 개별 컴포넌트마다 MDX 파일로 컴포넌트 문서를 관리하고 있다. 이번 포스팅에서는 Stroybook에서 MDX 파일을 활용한 방법과 템플릿을 공유해본다. Storybook에서 MDX 설정 Storybook에서 MDX를 활용하기 위해서는 Storybook에서 제공하는 플러그인이 필요하다. 혹시 설치가 되어있지 않다면 다음 플러그인을 설치한다. 자세한 설치방법은 https://www.npmjs.com/package/@stor..