[JavaScript] textarea에서 줄바꿈이 안될 때 - <br/> 을 \n 으로 바꾸기 (replaceAll 함수 사용)

스터디 페이지 수정 폼을 만들고 있는데 textarea로 받은 값을 textarea에 보여주고, 수정할 수 있게끔 하려고 했는데

<tr>
    <td>스터디소개</td>
    <td>
        <textarea rows="5" cols="50" name="content" id="content">${sdto.content }</textarea>
    </td>
</tr>

<br/>태그로 보이고 줄 바꿈은 되지 않았습니다.

 

replaceAll() 함수를 사용하여 <br/>을 \n으로 바꿔서 해봤습니다.

자바스크립트를 head 태그 안에 쓰게 되면 str에 null값이 들어가서 오류가 뜨길래 body 태그의 끝부분쯤에 써주었더니 오류가 사라지고 잘 작동하였습니다.

<script>
let str="${sdto.content }";
str = str.replaceAll("<br/>", "\n");
document.querySelector("#content").value = str;
</script>