Facts
모바일 웹뷰에서 html 로 팝업화면을 띄우는데
의도치 않은 공백이 발생하여 고객이 팝업내용을 확인하는데 불편함을 초래함
원인을 파악해보니 innerHtml 로 html tag 를 넣는데 개행("/n") 이 있었는데
상위에서 설정한 white-space:pre 속성에 걸려 개행이 화면에 공백으로 표시된 것을 확인하여 수정함
Findings
- white-space:pre
- element.innerHtml
Feelings
React 에서 처리해 주는 것이 당연한 것이 아니다.
순수 html , css, js 에서는 개발자가 신경 써야 할 사항이 더 많아 문서등을 꼼꼼히 확인해야 한다.
web-developer