logo

Codefug Blog에 오신 것을 환영합니다!

제가 모르는 누군가가 이 블로그를 보고 지식을 얻고 문제를 해결하고 더 나은 개발자가 되기를 바랍니다.

최신 글 보기

최신 게시물

최근 연구했던 카테고리

Asynchronous JavaScript
javascript

Asynchronous JavaScript

microtask queue, macrotask queue, call stack, web api와 관련된 비동기 동작 방식, 비동기 관련 역사와 비동기 코드의 다양한 활용법들을 알아보자.

(꼼꼼 프로젝트) streaming 방식의 tanstack query
kkom-kkom

(꼼꼼 프로젝트) streaming 방식의 tanstack query

infinite scroll, optimistic update 그리고 streaming 방식이 결합된 쿼리 처리 ( useSuspenseQuery, useSuspenseInfiniteQuery )

(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현
kkom-kkom

(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현

서버 액션을 활용한 refresh token rotation, 커링 함수를 이용한 리팩토링

(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민
kkom-kkom

(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민

progress bar 로직 연구하기(startTransition), next-nprogress-bar

(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현
kkom-kkom

(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현

stacking context, compound pattern, 전역 상태를 활용한다는 것의 의미, 토스 개발자 실력 흡수하기

(꼼꼼 프로젝트) 공통 버튼 컴포넌트의 종류를 쉽게 관리하고 누구나 쉽게 확인할 수 있게 하는 방법
kkom-kkom

(꼼꼼 프로젝트) 공통 버튼 컴포넌트의 종류를 쉽게 관리하고 누구나 쉽게 확인할 수 있게 하는 방법

tailwind로 조건부 처리를 간편하게 하는 방법, 비개발자도 스타일을 쉽게 확인할 수 있도록 storybook 연동

(급페이 프로젝트) 개발환경에만 집중하기 위한 여정
gheuppay

(급페이 프로젝트) 개발환경에만 집중하기 위한 여정

접근 제한을 위한 미들웨어 처리, vercel CLI을 이용한 organization 무료 자동 배포, 프리뷰

(급페이 프로젝트) 알림창 무한 스크롤을 위한 여정 (mock fetching을 위한 MSW 도입기)
gheuppay

(급페이 프로젝트) 알림창 무한 스크롤을 위한 여정 (mock fetching을 위한 MSW 도입기)

msw를 활용해서 프론트엔드 개발이 다 되어있지 않은 상태에서도 무한 스크롤 구현을 확인할 수 있게 되었습니다.

(급페이 프로젝트) 카드 렌더링을 최적화하여 UX를 향상시키기 위한 머나먼 여정
gheuppay

(급페이 프로젝트) 카드 렌더링을 최적화하여 UX를 향상시키기 위한 머나먼 여정

server component 설계를 이용한 suspense 적극 활용, 이를 위해서 next cookie를 사용하면서 겪은 문제들을 적은 글입니다.

React Testing
reactdeepdive

React Testing

React Testing Library, Vitest, Jest

모든 게시물

태그 목록

Asynchronous JavaScript
javascript

Asynchronous JavaScript

microtask queue, macrotask queue, call stack, web api와 관련된 비동기 동작 방식, 비동기 관련 역사와 비동기 코드의 다양한 활용법들을 알아보자.

(꼼꼼 프로젝트) streaming 방식의 tanstack query
kkom-kkom

(꼼꼼 프로젝트) streaming 방식의 tanstack query

infinite scroll, optimistic update 그리고 streaming 방식이 결합된 쿼리 처리 ( useSuspenseQuery, useSuspenseInfiniteQuery )

(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현
kkom-kkom

(꼼꼼 프로젝트) 클라이언트와 서버 둘다 호환되는 fetch 구현

서버 액션을 활용한 refresh token rotation, 커링 함수를 이용한 리팩토링

(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민
kkom-kkom

(꼼꼼 프로젝트) startTransition, progress bar 구현에 대한 고민

progress bar 로직 연구하기(startTransition), next-nprogress-bar

(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현
kkom-kkom

(꼼꼼 프로젝트) toss slash 분석, zustand와 연결된 커스텀 overlay 훅 구현

stacking context, compound pattern, 전역 상태를 활용한다는 것의 의미, 토스 개발자 실력 흡수하기

(꼼꼼 프로젝트) 공통 버튼 컴포넌트의 종류를 쉽게 관리하고 누구나 쉽게 확인할 수 있게 하는 방법
kkom-kkom

(꼼꼼 프로젝트) 공통 버튼 컴포넌트의 종류를 쉽게 관리하고 누구나 쉽게 확인할 수 있게 하는 방법

tailwind로 조건부 처리를 간편하게 하는 방법, 비개발자도 스타일을 쉽게 확인할 수 있도록 storybook 연동

(급페이 프로젝트) 개발환경에만 집중하기 위한 여정
gheuppay

(급페이 프로젝트) 개발환경에만 집중하기 위한 여정

접근 제한을 위한 미들웨어 처리, vercel CLI을 이용한 organization 무료 자동 배포, 프리뷰

(급페이 프로젝트) 알림창 무한 스크롤을 위한 여정 (mock fetching을 위한 MSW 도입기)
gheuppay

(급페이 프로젝트) 알림창 무한 스크롤을 위한 여정 (mock fetching을 위한 MSW 도입기)

msw를 활용해서 프론트엔드 개발이 다 되어있지 않은 상태에서도 무한 스크롤 구현을 확인할 수 있게 되었습니다.