괴발개발 프로젝트

contentEditable에 placeholder 적용하기

저는 현재 프로젝트로 개발자 커뮤니티를 제작중입니다.여기서 특징은 게시글과 댓글 모두 마크다운 문법을 사용할 수 있는 에디터를 이용한다는 것인데 직접 만들어 사용하기로 결정했습니다.

왼쪽의 사이드바 스크롤을 움직일 때 오른쪽의 컴포넌트 영역이 스크롤 되는 현상 발생!이 문제는 사이드바의 스크롤 이벤트가 상위 컴포넌트로 전파(버블링)되었기 때문에 발생했습니다.그렇기 때문에 해결하기 위해선 버블링을 막아줘야했고 코드로 깔끔하게 해결이 가능합니다.