Html에서 Div와 TextArea의 줄바꿈.

어떠한 값을 TextArea로 입력을 받고, 그 값을 저장 하였다가 다시 불러와 TextArea가 아닌 Div에 뿌려줘야 하는 경우가 생긴다. 이럴 경우 생기는 문제가 두 태그간에 인식하는 줄바꿈 문자가 서로 다르다는것.

이러면 TextArea에서 입력 받은 값을 Div태그에 보여줄 경우 줄바꿈이 전혀 적용 되지 않고 1줄로 붙어서 나오는 상황이 발생한다. 이문제는 각태그에 인식하는 줄바꿈 문자로 바꿔서 값을 적용하면 된다.

TextArea에서 줄바꿈 문자로 인식하는 문자는 \r\n, \r, \n이고 Div에서 인식하는 줄바꿈 문자는 <br/> 태그이다.

그럼 TextArea에서 입력한 값에서 \n등의 줄바꿈 문자를 <br/>로 바꿔 저장하고, 불러와 Div태그에 그대로 넣으면 줄바꿈이 적용 되는것을 확인 할수 있다. 반대로 Div에 있던 값을 TextArea에 제대로 표현하고 싶다면 <br/>을 \r\n으로 변경해서 보여주면 줄바꿈이 제대로 표현 되는것을 볼 수 있다.

각 태그마다 줄바꿈 문자가 어떤것인지만 잘 생각해보면 이문제는 쉽게 해결할 수 있는데 왜 세시간 동안 헤맨거냐!!아....