리액트에서 CSS 스타일 초기화 셋팅 방법

김태경·2022년 10월 2일
0

FE에서 CSS를 할 때 HTML 태그 고유의 margin 값이나 padding 값 등
내가 원하는 스타일로 만드려면 고유 값을 죽이고 처음부터 스타일링 하는 게 더 편함 그래서 오늘은 이 각 태그의 고유 값을 모두 없애는
간단한 방법을 소개함!

📝 createGlobalStyle

도큐먼트 전체에 영향을 주는 스타일을 적용 시키려면 createGlobalStyle을 만들고 Root 컴포넌트에서 사용하면 됨

const GlobalStyle = createGlobalStyle`
	(reset할 css 코드 넣기)
`;

<GlobalStyle /> /* Root 컴포넌트에서 사용해야 전체로 영향을 줄 수 있음 */

Reset CSS 코드 혼자서 안 짜도 됨
멋진 사람들이 이미 만들어 놓음 리셋 코드

와 간단하다~~~ 끝

profile
FE 뉴비

0개의 댓글