# React

Nextjs 앱라우터 서버컴포넌트에서 쿠키 세팅이 안되는 이유

next.js 서버 컴포넌트에서 쿠키 세팅시 오류가 나는 이유와 해결 방법에 대해 설명합니다. ( Error: Cookies can only be modified in a Server Action or Route Handler )

React Next Server Component

2024-07-28 · 12 min read

Vanilla JS로 React Hooks만들기

vanilla js로 react hooks를 구현해봅시다.

JavaScript React

2024-03-10 · 25 min read

VanillaJS로 SPA router와 재조정(Reconciliation)기능 만들기

vanilla js로 spa router와 dom diff 기능을 만들어봅니다.

JavaScript React

2024-03-07 · 20 min read

jsx를 이용해서 Virtual DOM을 실제 DOM에 반영시키기

JSX와 VirtualDOM에 대해 알아보고 실제 DOM에 반영시키는 방법에 대해 알아보겠습니다

JavaScript React

2024-03-06 · 10 min read

모달 접근성을 위한 포커스트랩 컴포넌트 만들기

포커스트랩 기능을 구현하고 리액트 컴포넌트로 깔끔하게 만드는 방법

React focus trap

2024-02-28 · 13 min read

setTimeout없이 애니메이션이 끝날 때 컴포넌트 언마운트 시키기 (feat. FSM, animation event)

setTimeout을 사용하지 않고 애니메이션의 시작과 종료에 의존해서 모달의 언마운트를 깔끔하게 처리하는 방법에 대해 공유합니다.

2024-02-08 · 13 min read

Alert 다이얼로그 컴포넌트 ux,dx 끝장내기

alert 다이얼로그의 ux와 dx를 어떻게 하면 좋게 구현할 수 있는지에 대해 알아봅니다.

2024-02-07 · 17 min read

블로그 목차(TOC) 아직도 IntersectionObserver로 만드시나요?

intersection observer와 scroll event를 이용하여 TOC를 구현하는 방법과 각 기능의 장단점을 설명합니다.

React rehype TOC

2023-11-11 · 15 min read

[react] key 제대로 다루기

리액트 애플리케이션에서의 `key`를 올바르게 잘 사용하는 방법을 알아보고자 합니다!

React Typescript

2023-04-21 · 11 min read