https://wonbeenna.github.io 프론트엔드 개발하며 배운 것들을 기록합니다. ko-KR Mon, 03 Aug 2026 00:00:00 GMT https://wonbeenna.github.io/blog/scrollbar-gutter https://wonbeenna.github.io/blog/scrollbar-gutter 모달을 열 때 레이아웃이 옆으로 밀리는 원인을 직접 측정해보고, scrollbar-gutter: stable로 CLS를 없앤 기록 Mon, 03 Aug 2026 00:00:00 GMT css https://wonbeenna.github.io/blog/geo-store-notice https://wonbeenna.github.io/blog/geo-store-notice 국가별 도메인을 운영할 때 302 강제 리다이렉트 대신 CloudFront-Viewer-Country와 안내 배너를 쓴 이유와 구현 기록 Mon, 03 Aug 2026 00:00:00 GMT next https://wonbeenna.github.io/blog/use-sync-external-store https://wonbeenna.github.io/blog/use-sync-external-store 띠 배너 닫기 상태를 useState + useEffect 대신 useSyncExternalStore로 옮기면서, SSR 깜빡임이 실제로 어디까지 해결되는지 정리한 기록 Mon, 03 Aug 2026 00:00:00 GMT react https://wonbeenna.github.io/blog/bf-cache https://wonbeenna.github.io/blog/bf-cache 웹 브라우저의 Back-Forward Cache(BFCache)에 대해 알아보고, 이를 활용하여 웹 애플리케이션의 성능을 향상시키는 방법 Mon, 10 Nov 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/react-query https://wonbeenna.github.io/blog/react-query 리액트 쿼리 사용방법과 옵션 정리 Sun, 09 Nov 2025 00:00:00 GMT react https://wonbeenna.github.io/blog/event-loop-set-timeout https://wonbeenna.github.io/blog/event-loop-set-timeout 자바스크립트의 이벤트 루프와 setTimeout 함수의 오차 Sat, 08 Nov 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/shape-outside https://wonbeenna.github.io/blog/shape-outside CSS의 shape-outside 속성과 polygon 함수를 사용하여 이미지 모양에 맞게 텍스트를 감싸는 방법 Fri, 24 Oct 2025 00:00:00 GMT css https://wonbeenna.github.io/blog/a11y https://wonbeenna.github.io/blog/a11y 웹 접근성(A11y)에 대한 이해와 실천 방법 Fri, 29 Aug 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/rollup-svg https://wonbeenna.github.io/blog/rollup-svg svg 파일을 rollup 으로 번들링해 React 컴포넌트로 사용하기 Mon, 26 May 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/event-bubble-capture https://wonbeenna.github.io/blog/event-bubble-capture 이벤트 버블링과 이벤트 캡처링에 대한 이해 Fri, 23 May 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/session-cookie https://wonbeenna.github.io/blog/session-cookie 세션과 쿠키의 개념과 차이점 Tue, 13 May 2025 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/react-parallel-routes https://wonbeenna.github.io/blog/react-parallel-routes AOS 웹뷰에서 뒤로가기시 모달을 닫으려면? Mon, 14 Apr 2025 00:00:00 GMT react https://wonbeenna.github.io/blog/study-remind https://wonbeenna.github.io/blog/study-remind 2년간의 스터디를 회고하며 느낀 점과 배운 점 Tue, 18 Mar 2025 00:00:00 GMT til https://wonbeenna.github.io/blog/rn-deep-link-2 https://wonbeenna.github.io/blog/rn-deep-link-2 React Native 딥링크에 Universal Links와 App Links 적용하기 Mon, 03 Feb 2025 00:00:00 GMT react https://wonbeenna.github.io/blog/visibility-state https://wonbeenna.github.io/blog/visibility-state document.visibilityState를 이용한 페이지의 상태를 확인하는 방법 Fri, 06 Dec 2024 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/webview-safe-area https://wonbeenna.github.io/blog/webview-safe-area IOS 웹뷰에서 safe area 를 설정하는 방법 Tue, 02 Jul 2024 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/rollup https://wonbeenna.github.io/blog/rollup 처음 rollup으로 번들링하는 과정에서 겪은 문제들과 해결방법 Sat, 09 Mar 2024 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/module-system https://wonbeenna.github.io/blog/module-system rollup으로 번들링하는 과정에서 알게된 cjs와 esm의 차이점에 대해 Thu, 07 Mar 2024 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/react-immutable https://wonbeenna.github.io/blog/react-immutable 리액트에서 불변성을 지키는 이유 Sun, 25 Feb 2024 00:00:00 GMT react https://wonbeenna.github.io/blog/vite-proxy https://wonbeenna.github.io/blog/vite-proxy Vite 로컬환경에서 CORS 문제 해결하기 Thu, 18 Jan 2024 00:00:00 GMT react https://wonbeenna.github.io/blog/babel https://wonbeenna.github.io/blog/babel 바벨 기본 동작과 사용방법 Fri, 01 Dec 2023 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/webpack-1 https://wonbeenna.github.io/blog/webpack-1 처음 접해보는 웹팩의 원리와 기본 사용 방법 Thu, 30 Nov 2023 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/rn-geolocation https://wonbeenna.github.io/blog/rn-geolocation React Native 위치정보 받아오기 Wed, 25 Oct 2023 00:00:00 GMT react https://wonbeenna.github.io/blog/rn-deep-link https://wonbeenna.github.io/blog/rn-deep-link React Native에서 iOS·Android 딥링크를 연결한 기록 Tue, 17 Oct 2023 00:00:00 GMT react https://wonbeenna.github.io/blog/next-blog https://wonbeenna.github.io/blog/next-blog Next.js App Router와 MDX로 블로그를 만들고, SEO와 AEO까지 붙인 기록 Mon, 09 Oct 2023 00:00:00 GMT next https://wonbeenna.github.io/blog/jwt-decode https://wonbeenna.github.io/blog/jwt-decode jwt 토큰 decode 함수 Thu, 31 Aug 2023 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/audio https://wonbeenna.github.io/blog/audio Audio객체를 사용한 기업 과제 구현 Sat, 27 May 2023 00:00:00 GMT react https://wonbeenna.github.io/blog/debounce-throttle https://wonbeenna.github.io/blog/debounce-throttle 디바운싱과 쓰로틀링의 차이를 구분하고 hook으로 구현 Sat, 13 May 2023 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/graphql-1 https://wonbeenna.github.io/blog/graphql-1 GraphQl, Apollo Client를 사용 Sat, 29 Apr 2023 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/browser https://wonbeenna.github.io/blog/browser 사내 스터디 Sat, 25 Feb 2023 00:00:00 GMT study https://wonbeenna.github.io/blog/next-middleware https://wonbeenna.github.io/blog/next-middleware 세션방식의 로그인 인증, middleware와 getServerSideProps를 사용해 구현한 기록 Wed, 22 Feb 2023 00:00:00 GMT next https://wonbeenna.github.io/blog/tailwindcss https://wonbeenna.github.io/blog/tailwindcss 공식문서 보면서 tailwind 써보기 Sat, 18 Feb 2023 00:00:00 GMT react https://wonbeenna.github.io/blog/this https://wonbeenna.github.io/blog/this 사내 스터디 this Thu, 02 Feb 2023 00:00:00 GMT study https://wonbeenna.github.io/blog/svelte-blog https://wonbeenna.github.io/blog/svelte-blog 스벨트킷으로 블로그 만든 과정을 정리 Mon, 30 Jan 2023 00:00:00 GMT svelte https://wonbeenna.github.io/blog/react-testing-4 https://wonbeenna.github.io/blog/react-testing-4 커스텀 훅 테스트와 테스트 코드를 정리하는 방법 Mon, 02 Jan 2023 00:00:00 GMT react https://wonbeenna.github.io/blog/conditional-rendering https://wonbeenna.github.io/blog/conditional-rendering 해외 블로그를 보며 정리한 조건부 렌더링에 대한 생각 Thu, 29 Dec 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/usecallback-and-usememo https://wonbeenna.github.io/blog/usecallback-and-usememo useCallback과 useMemo에 대한 생각 정리 Wed, 28 Dec 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/react-testing-3 https://wonbeenna.github.io/blog/react-testing-3 비동기 처리와 API 모킹으로 리액트 컴포넌트 테스트하기 Mon, 26 Dec 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/react-testing-2 https://wonbeenna.github.io/blog/react-testing-2 react-testing-library의 쿼리 함수와 사용자 이벤트 다루기 Wed, 14 Dec 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/react-testing-1 https://wonbeenna.github.io/blog/react-testing-1 Jest와 react-testing-library로 시작하는 리액트 테스트 기초 Sat, 10 Dec 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/study https://wonbeenna.github.io/blog/study 6주간 진행한 스터디에서 얻은 것들 Fri, 21 Oct 2022 00:00:00 GMT til https://wonbeenna.github.io/blog/storybook https://wonbeenna.github.io/blog/storybook 스터디 하면서 처음 써본 Storybook Tue, 11 Oct 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/next-styled-component https://wonbeenna.github.io/blog/next-styled-component next.js와 styled-component 사용시 발생한 에러 Mon, 22 Aug 2022 00:00:00 GMT next https://wonbeenna.github.io/blog/intersectionObserver https://wonbeenna.github.io/blog/intersectionObserver IntersectionObserver를 활용해 스크롤 위치에서 데이터 불러오기 Wed, 04 May 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/next-bundle-analyzer https://wonbeenna.github.io/blog/next-bundle-analyzer next/bundle-analyzer로 번들 크기 확인하기 Tue, 22 Feb 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/ref-forwardRef https://wonbeenna.github.io/blog/ref-forwardRef react-hook-form 라이브러리와 ref의 동작 Wed, 09 Feb 2022 00:00:00 GMT react https://wonbeenna.github.io/blog/speechsynthesis https://wonbeenna.github.io/blog/speechsynthesis 프로젝트 진행하며 경험해본 Speechsynthesis & Google TTS Sat, 22 Jan 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/web-optimization-3 https://wonbeenna.github.io/blog/web-optimization-3 웹성능 최적화3 Tue, 04 Jan 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/web-optimization-2 https://wonbeenna.github.io/blog/web-optimization-2 웹성능 최적화2 Mon, 03 Jan 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/web-optimization https://wonbeenna.github.io/blog/web-optimization 웹성능 최적화1 Sat, 01 Jan 2022 00:00:00 GMT javaScript https://wonbeenna.github.io/blog/thinking-in-react-2 https://wonbeenna.github.io/blog/thinking-in-react-2 리액트 공식 문서로 보는 state 구조화와 컴포넌트 간 상태 공유 Sun, 12 Dec 2021 00:00:00 GMT react https://wonbeenna.github.io/blog/svelte-react https://wonbeenna.github.io/blog/svelte-react 스벨트와 리액트에 대해 정리한 글 Sun, 12 Dec 2021 00:00:00 GMT svelte https://wonbeenna.github.io/blog/thinking-in-react https://wonbeenna.github.io/blog/thinking-in-react 리액트 공식 문서의 UI를 컴포넌트로 나누고 state를 설계하는 과정 정리 Sat, 20 Nov 2021 00:00:00 GMT react https://wonbeenna.github.io/blog/react-hook https://wonbeenna.github.io/blog/react-hook React Hook의 동작에 대해 Sun, 07 Nov 2021 00:00:00 GMT react