textarea 의미 에 대해서

Question

안녕하세요.영상 잘보고 있습니다. 질문이 있어 이렇게 글을 올립니다. 영상을 보면서 editor 툴을 스크립트 하여 js파일에 작업을 마쳤습니다. 문제는 뷰단에서 id="editor" 위에 textarea 가 계속 남아 있습니다. 영상속에는 textarea 가 남아있지 않은데 말이죠.

스크립트 경로는 물론 똑같이 했구요. textarea 따로 hidden 처리 한것인가요? 또한 textarea가 아닌 id="content" 에디터에 글을 적게 되는데 이렇게 되면 textarea의 무슨 기능이 있는지 궁금하네요 [문제 이미지]

정상우 · Answer

안녕하세요! 1.  네, textarea 는 hidden 처리 한 것이 맞습니다. 이는 CSS 에서 해준것입니다. app.css 를 참고하면 다음의 줄이 있는 것을 볼 수 있습니다. #app #main__form-post form textarea { display: none; } 2. 글 자체는 id = editor 에 적어내게 되고, 전송할 때는 자바스크립트 에 의해 editor 의 내용이 textarea 에 복사 됩니다. CKEditor 5 에서 어떤 에디터는 textarea 에 자체적으로 바인딩할 수 있으나 어떤 에디터는 불가한데, 강의에 사용한 balloon  이 그렇습니다. app.js 에서 아래의 코드가 에디터에 적은 내용들을 textarea 에 복사합니다. const $form = document.querySelector('#main__form-post > form') $form.addEventListener('submit', e => { const data = document.createTextNode(editor.getData()) document.querySelector('#main__form-post textarea[name=content]').appendChild(data) })