🙋‍♂️ About Me

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.

📌 최신 포스트

최근 작성한 포스트들을 소개합니다. 기술 이야기, 개발 일지 등을 기록하고 있어요.

• React📅 20260228

  Tanstack Query Cache

  Tanstack Query는 클라이언트 상태가 아닌 서버 상태(SERVER STATE) 를 다루기 위한 라이브러리입니다. 이 라이브러리의 핵심은 단순 fetch가 아니라 서버 데이터를 어떻게 캐싱하고, 언제 갱신하고, 언제 제거할 것인가 에 대한 전략입니다. React Query가 존재하는 이유는 서버 상태가 다음 특징을 가지기 때문입니다. 원본(sourc...

  더 읽기
• Algorithm📅 20260227

  투 포인터

  투 포인터(TWO POINTER) 는 배열이나 리스트에서 두 개의 포인터를 이용해 구간을 효율적으로 탐색하는 기법입니다. 보통 완전탐색 O(n²)을 O(N) 으로 줄일 때 사용됩니다. "두 개의 인덱스를 이동시키며 조건을 만족하는 구간을 찾는다" 보통 이런 행태입니다: [left ......... right] left: 구간의 시작 rig...

  더 읽기
• Algorithm📅 20260225

  원 사이의 정수 좌표 개수 구하기

  2차원 평면에서 원점(0,0)을 기준으로 두 원 사이에 존재하는 정수 좌표의 개수를 구하는 문제입니다. 이 문제는 단순 기하 문제가 아니라 👉 격자 좌표 + 포함-배제 + 대칭성 활용 문제입니다. 원점에서 (x, y)까지의 거리: $$\sqrt{x^2 + y^2}$$ 원이 반지름 r일 때 내부 조건은: $${x^2 + y^2}\le{r^2}$$ ✔️ 피타...

  더 읽기
• JavaScript📅 20260221

  this, call, apply, bind

  this는 함수가 호출되는 방식(CALL-SITE)에 따라 결정됩니다. JavaScript에서 this는 아래 4가지 규칙으로 결정됩니다. function greet() { console.log(this); } greet(); 브라우저: window strict mode / ES Module: undefined ✔️ 호출 주체가 없으면 기본 바인딩 cons...

  더 읽기

🛠️ Projects

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.