문제
댓글기능을 만들기 위해 div 태그에다가 contentEditable 속성을 주어서 입력을 받을 수 있도록 처리하였는데 여기서 Enter를 치는순간 자식속성으로 <div><br /></div> 태그가 생기는 문제가 있다
의도적으로 행을 분리하는 기능이라면 상관없겠지만 난 한줄의 텍스트만 보이길 원하기에..(실제로 text만 뽑아면 글자는 한줄로 나오기는 한다)
<div contentEditable > </div>
위와 같은 코드로 div 칸 안에 입력되게 만들었다 여기서 Enter키 입력시
위와 같이 div 태그 안에 div 가 엔터를 칠때마다 계속 자식태그로 생겨나게 되어 행분리가 된다
해결
나는 리액트로 개발중이여서 그냥 엔터키 입력들어올때마다 자식 노드가 생기는 경우니까 지워버렸다
