[ 리액트(React) ] 모바일화면이 벗어날 때

⚡️ 구현 팁

웹페이지에서는 내가 설정한 화면 그대로 잘 나오는데 모바일화면에서는 화면이 깨지거나 벗어날 때

1. index page에서 viewport 코드가 잘 있는가?

 

---

💡 배운 점: 코드를 지울 때는 왜 지우는지 생각하자.

React Hemlet을 사용하기위해 public안에있는 index.html내용을 모두 지우고 App.js에 새로 작성했지만, 결과적으로 <meta name="viewport" content="width=device-width, initial-scale=1" /> 해당 코드가 없어 모바일화면은 정상적으로 출력되지 않았다. 만약 지금의 상황과 비슷하다면 index,html페이지를 한번 살펴보자.