리액트 html 기본여백 없애기

리액트 타입스크립트로 기본 width: 500px의 프로젝트를 만드는 중 html 문서에 여백이 생기는 문제를 만났다.

아주 불편

 

html 기본적으로 설정되어있는 여백때문에 생기는 문제였으며

 

리액트에서 실질적으로 화면에 표시되는 페이지 최상단인 index.js의 스타일을 담당하는 index.css로 가서
body에 다음과 같이 margin을 추가하여 해결 할수 있었다.

여백 제거 코드 작성

 

해결

편안