JavaScript1 HTML viewport 사용시 한글 깨짐 현상을 해결하는 방법 HTML을 공부하면서 웹을 만들 경우 반응형 디자인이 매우 중요하다는 것을 알게 되었다. ○ 반응형 디자인이란? 우리는 PC뿐 아니라 스마트폰이나 태블릿 등 다양한 기기를 통해서 웹에 접속하게 되는데 그 기기에 맞게 웹이 나타나게 된다. 그런데 따로 설정을 해주지 않으면 기본적으로 PC에서 접속한 화면을 스마트폰이나 태블릿에서도 그대로 보여주기 때문에 불편함이 생길 수 있다. 다음은 웹에서 예제로 만든 페이지다. 간단하게 구현이 되어 있고 다른 꾸밈은 거의 없는 상황인데 지금은 PC에서 웹 브라우저로 접속했고 그 기준으로 만들었기 때문에 별다른 이상없이 잘 나온다. ○ viewport를 구현했는데 모바일에서는 한글 깨짐 현상이 발생한다면? 하지만 이를 그대로 가져와서 모바일에서 접속을 할 경우 다음과 같.. 2021. 6. 2. 이전 1 다음