깊고 넓은 삽질

뭐 갖고싶은거 없나? 엄마 넷플릭스 많이보나? 테블릿 PC 사줄까? 필요없어? 그럼 그냥 돈으로 줄까? 응 그래 엄마 계좌로 보낼게. 아빠한테도 보낼게. 두 분이서 맛있는 거 사 먹으러 가셔.물질적 선물은 편리하고도 무정한 것이라고 생각했다. 그런데 300키로미터 떨어진 엄마의 관심사를 아는 건 보통 효자의 일이 아니었다. 불효가 막심하다.차곡차곡 모으던 손편지들도 물 컵 자국이 동그랗게 나 흐물흐물해졌다. 손편지를 쓸 때 머쓱했던 악필도 본지가 꽤 오래 되었다. 그 때는 뭐 그렇게 마음을 쓰는게 좋았을까.

React Router loader | React Router 공식 문서의 loader 링크 loader란 react router에서 path에 등록한 element를 랜더링하기 이전에 호출되는 함수다. react router 6.4버전 이후의 data router을 사용했을 때 loader를 사용할 수 있다. ... createBrowserRouter([ { element: , path: "teams", loader: async () => { return fakeDb.from("teams").select("*"); }, children: [ { element: , path: ":teamId", loader: async ({ params }) => { return fetch(`/api/teams/${pa..

리액트 쿼리는 mutate 함수의 옵션 값으로 onSuccess 콜백을 설정할 수 있다. mutate가 성공했을 때 호출되는 콜백함수다. 나는 주로 mutate 성공 시 mutate와 연관되는 쿼리들의 쿼리키들을 invalidate하게 해서 데이터를 동기화할 때 사용한다. 그런데 가끔 mutate를 기다리지 않고 onSuccess를 호출하는 것 같은 때가 있다. 아래의 코드는 찜하기(favorite) 훅의 구현이다. 어딘가 잘못된 코드 ... const { data: favorites, ...rest } = useSuspenseQuery({ queryKey: [queryKey.favorite], queryFn: async () => { const res = await apiInstance.get(`/fa..

Tailwind CSS를 다운받으려고 공식 홈페이지에 들어갔는데 이상한 점이 있었다. 공식 홈페이지 예시에서 Tailwind CSS를 개발 종속성으로 다운받고 있었다. Tailwind CSS는 프로덕션 단계에서 빌드할 때 필요한거 아닌가라는 의문이 들었다. npm 공식 문서에서는 종속성과 개발 종속성을 다음과 같이 정의하고 있다. "dependencies": Packages required by your application in production. "devDependencies": Packages that are only needed for local development and testing. - npm Docs | Specifying dependencies and devDependencies in..

문제 - Merge Sorted Array | leetcode You are given two integer arrays nums1 and nums2, sorted in non-decreasing order, and two integers m and n, representing the number of elements in nums1 and nums2 respectively. Merge nums1 and nums2 into a single array sorted in non-decreasing order. The final sorted array should not be returned by the function, but instead be stored inside the array nums1. To ..

이 글은 MSA 혹은 Monorepo를 실제 서비스에서 구축해본 경험이 없는 초보 개발자의 글입니다. 정확하지 않은 정보가 있다면 피드백 부탁드립니다. 모노레포는 서로 다른 프로젝트를 하나의 레포에 관리할 때 사용하는 전략이다. 여기서 서로 다른 프로젝트는 어떤 의미일까? 만약 할 일 관리 앱에서 클라이언트와 서버가 있는데 이를 하나의 레포에서 관리한다고 하면 모노레포 전략이 필요할까? 모노레포의 의의 모노레포는 MSA의 단점에서 나온 전략이다. Micro Service Architecture는 서비스, 즉, 프로젝트가 각각 분리되어있는 환경이다. MSA는 어떻게 나왔을까? 다이어리 앱을 만든다고 가정해보자. 다이어리에는 할 일 관리와 달력이 필요하다. 다이어리 앱이 점점 고도화되면서 할 일 관리와 달력..