한번 쯤 velog에서 Yarn Berry에 관한 글을 읽어보거나 봤을 것이다. 그럼 대체 Yarn Berry가 뭘까 싶은데 yarn은 알겠다만 Berry는 처음 보는 사람들이 있을 것이다. Berry란? > yarn2의 프로젝트 명이 berrry라고 한다. Gith

최근 터보레포로 모노레포 아키텍처를 구성하고 디자인 시스템을 만들었다. 그리고 npm에 배포하는 과정에서 changeset을 사용하여 해결했었다. 그래서 changeset을 정리느낌으로 적게되었다.changeset은 모노레포 환경에서 쉽게 상호의존하는 패키지들의 일관성

최근에 팀을 위해 디자인시스템을 만들고 배포를 했다. 하지만 디자인시스템을 사용하는 사람은 나밖에 없었다. 왜 그런가 고민을 곰곰히 해본 결과, 2가지를 간과하지 못했다는 점을 알게되었다.팀원들이 아직 디자인 시스템에 익숙치 않다는 것.공식문서같은 형식이 없어 사용하지

최근 프로젝트에서 디자인 시스템을 구축하였는데 Turborepo를 적용했었다. 그래서 Turborepo가 무엇이고 어떻게 적용했는지 알아보는 글을 쓰게되었다.Vercel에서 인수한 JavaScript, TypeScript 코드를 위해 최적화된 빌드 시스템이다.모노레포

개요 최근 진행 중인 프로젝트에서 401 토큰만료 코드가 정상적으로 작동하지 않는 문제가 있었다. 사실 프로젝트 초반에 토큰만료 로직을 구성했었는데, 코드에 대한 이해없이 구글링해서 복붙한 코드가 문제였다. 간단한 문제일지도 모르나, 난 이 문제를 해결하기 위해 5시

개요 최근에 프로젝트인 “Rolling”을 진행하고 있는데 공통으로 사용되고 있는 컴포넌트와 Util함수, customHooks와 추후에 개발 예정인 Admin도 고려하여 공통로직들을 어떻게 처리할까? 라는 문제가 머리에 쏟아졌다. 이를 해결하기위해 나는 Story

리액트쿼리를 프로젝트에 사용하는데 특정부분에서 쿼리무효화가 되지 않았었다.왜 안되는건지 구글링에서 살펴본 결과, 1시간을 삽질을 했다.해결한 뒤, 조금 허무맹랑했다. 설명하기전에 쿼리무효화에 대해 짧게 설명하겠다.쿼리 무효화는 리액트 쿼리에서 GET한 데이터를 최신데이

개발 프로젝트로 소셜 로그인을 구현해야하는 상황이 생겼다. 구현 방법은 굉장히 간단하다. 구현방법 깃허브 로그인을 하기 위해서는 먼저 react-router-dom을 이용해 redirect url 페이지를 만들어야 한다. 나는 아래사진처럼 https://local

두 번째 글이다.암튼, 프로젝트를 하면서 React-Query를 사용하여 개발하게 되었다.처음에 React-Query를 사용할 때는 이해가 잘 되지 않았지만 계속 쓰다보니 더 이상 React-Query 없이는 살 수 없는 몸이 되버렸다.그래서 React-Query를 쓰

반갑다. 첫 velog 글이다. 암튼, 어제로부터(2023/3/13) 딱 한달 전 나는 한 프로젝트를 v2로 만들게 되었다. 그래서 v2를 만들던 중 이미지 업로드 기능을 구현해야했다. 예전에 해커톤에서도 이미지 업로드를 해본 경험이 있어서 한번 해봤는데, 내가