Next.js에서 외부 API 연동 시 겪은 401, CORS 문제와 해결 과정을 공유합니다. 클라이언트, 서버, API Route 각각의 차이와 안전한 데이터 패칭 방법을 정리했습니다.

개발자라면 에러 한 번에 울고 웃었던 경험, 누구나 있죠? 이제 ApiError와 safeAxios로 ‘깡통’ 같은 에러 헨들링에 작별을 고하고 진짜 통일된 에러 처리 아키텍처를 도입해볼까요?

Supabase Storage 기반 이미지 업로드 기능을 React Query, 서비스 레이어, Zustand로 분리해 재사용성과 유지보수성을 높인 구조를 소개합니다.

어떤 수치를 보면 '사용자 경험이 좋다'고 말할 수 있을까요? 구글이 제안한 기준으로 직접 측정해봤습니다.

Zustand v5의 기본 개념부터 Slice 패턴까지, React 상태 관리의 모든 것을 완전 정복해보세요!

React Router와 React Query를 함께 사용할 때, 데이터 로딩과 에러 처리 전략을 실전 기준으로 정리했습니다. 언제, 어떻게 조합할지 고민된다면 필독!

앱 프론트엔드(안드로이드,IOS)는 프로그램 자체를 앱 스토어를 통해서 사용자가 다운받기 때문에 백엔드에 요청만 보낸다.하지만, 웹 프론트엔드(브라우저)는 사용자들한테 백엔드에서 관련된 프로그램을 전송하기 때문에앱 프론트엔드 개발자보다 상대적으로 밀접하게 연결되어 있다

정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다.

TypeScript를 사용하기 전에 알아두면 좋을 토막상식 :D

redux의 사용흐름 / useRef Hook 간단히 알아보기 / redux 코드 개선하기

에자일 방법론에 대해 소개하도록 하겠습니다. 이 방법론은 소프트웨어 개발에서 특히 효과적인 접근 방식으로 자리 잡고 있습니다. 에자일은 개발의 유연성을 강조하며, 고객의 요구 사항에 신속하게 대응할 수 있도록 돕는 방법론입니다.

상태 관리의 필요성 상태 관리가 잘 이루어지지 않을 경우, 프롭스 드릴링(Prop Drilling) 문제를 발생시킬 수 있습니다. 이는 컴포넌트 간의 의존성을 높히기 때문에 의존성을 낮춰야만 데이터 흐름과 이벤트 처리를 쉽게 할 수 있습니다.

👉JSX라 하며 JavaScript를 확장한 문법입니다.👉JSX는 React “엘리먼트(element)” 를 생성합니다.\-React 공식문서-

이번 포스트에서는 이벤트 버블링, 클로저, 그리고 이를 활용한 함수 생성에 대해 자세히 알아보겠습니다.

이번 포스트에서는 자바스크립트의 함수와 클래스에 대해 살펴보겠습니다.

아래는 CSS Flexbox, Grid, 배치 우선순위에 대한 내용을 정리한 내용입니다.

CSS(Cascading Style Sheets)는 HTML 문서의 스타일을 지정하기 위해 사용되는 언어입니다.

팀 프로젝트를 시작하면서 팀원들에게 공유할 수 있는게 뭐가 있을까 고민을 하다가 github custom label, custom issue template을 적용하는 방법을 공유하기 위해서 글을 작성하게 되었습니다.

Git과 GitHub은 협업 과정에서 코드 변경 사항을 효과적으로 관리하고 공유하는 데 중요한 역할을 합니다. 이번 포스팅에서는 Git과 GitHub의 기본 개념과 협업 과정을 살펴보겠습니다.Git 저장소 (Repository): 프로젝트의 모든 파일과 변경 이력을 저

Temp Body