CSS
채팅창 껐다 키는 CSS animiation의 흔한 실수: pointer-events
CSS animation으로 채팅창 끄고 키기 구현 처음에 무비앱을 제작하면서 채팅창을 끄고 킬 때 useState를 사용하여 채팅창을 나타나고 사라지게 구현했다. 내가 원했던 방식은 CSS 애니메이션으로 채팅창을 나타나게 했다가 자연스럽게 사라지는 transition 효과를 주고 싶었다. 해결 이전 채팅창의 모습 const [isActive, setIsActive] = useState(false); const handleToggle = () => { setIsActive(prev => !prev); }; return ( {!isActive ? ( ... ) : ( 실시간 채팅 ... ... )} ); 하지만 채팅창을 띄울 때에는 CSS가 반영되었지만 닫을 때에는 반영되지 않았다. 이에 대한 해결방법은 ..
