logo

  • Home
  • Resume
  • Blog
  • Craft
  1. 🎨

    Reflow는 왜 느릴까?

    브라우저 렌더링의 숨은 비용 찾아 최적화하기

    • JavaScript

    • HTML

    • CSS

    0000.00.00.

  2. Callback Hell 벗어나서 비동기 코드 깔끔하게 처리하기
    🔥

    Callback Hell 벗어나서 비동기 코드 깔끔하게 처리하기

    비동기 코드의 가독성과 유지보수성을 높여요

    • JavaScript

    • 인터랙션 예제

    0000.00.00.

  3. UTF-8: 문자열 깨짐 문제 해결하기
    📄

    UTF-8: 문자열 깨짐 문제 해결하기

    문자 인코딩의 표준, UTF-8을 이해하고 문자열 처리 문제를 해결하기

    • 인터랙션 예제

    0000.00.00.

  4. Debounce와 Throttle: 직접 실행하며 알아보기
    ⏳

    Debounce와 Throttle: 직접 실행하며 알아보기

    연속된 함수 호출에 대처하는 방법들

    • Event

    • 인터랙션 예제

    • JavaScript

    0000.00.00.

  5. 책임을 하나씩 관리하기
    📄

    책임을 하나씩 관리하기

    지역 상태로 관리하던 필터를 search param으로 옮기고, hook의 책임 나누기

    • 리팩토링

    • React

    0000.00.00.

  6. requestAnimationFrame 가이드: 브라우저에서 부드러운 애니메이션 만들기
    🎞

    requestAnimationFrame 가이드: 브라우저에서 부드러운 애니메이션 만들기

    왜 setInterval은 끊기고, requestAnimationFrame은 부드러울까?

    • JavaScript

    • Animation

    0000.00.00.

  7. git rebase
    📄

    git rebase

    merge하지 않고도 branch를 합칠 수 있어..!

    • Git

    0000.00.00.

  8. 브라우저는 어떻게 웹페이지를 그릴까?
    📄

    브라우저는 어떻게 웹페이지를 그릴까?

    도메인 탐색부터 페인트까지

    • HTML

    • Network

    0000.00.00.

  9. 📄

    타입과 상수를 효과적으로 연결하기 🔗

    Literal type, enum, const enum, as const - User 타입 설계 과정에서의 고민을 담아서

    • TypeScript

    0000.00.00.

  10. 포토그라운드 베타를 마무리하며
    📸

    포토그라운드 베타를 마무리하며

    창업 동아리에서 프로덕트 기획부터 개발까지

      0000.00.00.

    1
    2
    3
    ...
    9

    Copyright © 2026 Panta Rhei (Dahye Kang)

    Built with Remix, Next.js, and Tailwind CSS