useTransition은 UI를 차단하지 않고 상태를 업데이트할 수 있는 React Hook이다.  Q. 여기서 UI를 차단하지 않는다는 것은 무슨 의미일까?A. 사용자가 애플리케이션과 상호작용하는 동안 리액트가 비동기 작업이나 상태 업데이트를 처리하더라도, 인터페이스가 즉각적으로 반응할 수 있도록 보장한다는 의미이다. ( 출처:GPT )  예시로 아래와 같은 컴포넌트가 있다고 생각해보자.위 예시는 Posts의 속도를 일부러 저하시킨 것이다.Posts 버튼을 클릭하면 post 데이터를 불러와 렌더링한다. 이때 Contact 버튼을 클릭하면 일정 시간이 지난 후 동작한다.즉, post 데이터를 전부 불러올 때 까지 화면이 멈추게 되고, 데이터를 전부 불러온 후 Contact 버튼이 활성화 된다.   왜 ..

상황자바스크립트 스터디 중 이런 질문을 받았다.Q. Map 객체와 일반객체의 차이가 뭐예요?A. Map은 메서드가 있어 데이터 조작을 할 수 있고... 어.. 모르겠습니다. 오늘 일을 반성하며 Map과 일반 객체의 차이에 대해 알아보려고 한다.1. 일반 객체자바스크립트에서 가장 기본적인 데이터 구조로, 속성(key)-값(value)쌍으로 이루어져 있다. 특징key로 문자열 또는 심볼만 사용할 수 있다. ( 숫자나 다른 타입은 자동으로 문자열로 변환된다.)new Object() 또는 객체 리터럴 방식( {} )으로 생성한다.JSON 형태로 쉽게 변환될 수 있으며, 서버와의 데이터 통신 시 주로 사용된다.const user = { name: "Alice", age: 25, city: "New..