[React] local 과 build 시 스타일 다르게 보이는 부분

문제점 : Local 에서 (yarn start) 로 가동시켰을때의 css 와 , build 하여 서버에 올렸을때 css가 다르게 보임

 

예 : div,  p , span 등의 element 들이 선언한 css 들은 잘 먹히는데 height 가 달라서 안맞게 보임.

 

원인 : reset.css 를 import 한게 주 원인이었음

 

해결방법 : reset.css 제거 및 react 는 css 를 reset 하는 방법이 따로 있어서 그대로 진행

 

style reset 세팅 방법, ( 아래 둘중 사용하는걸로 진행)

npm i styled-reset

yarn add styled-reset

# App.js

import React, { useState, useEffect } from 'react';
...
//styled-reset 선언
import { Reset } from 'styled-reset'

...

const App = () => {
	...
    return (
    	<Router basename="front">
        	//Reset 선언
        	<Reset/>
            ...
        </Router>
    )
    ...

}

...

 

느낀점 : 허무 그 자체,,, 찾아도 안나오는 이유는 이런걸로 전전긍긍하는 사람이 없어서였던거 같다 ㅎㅎ

당연하게 생각하지말자 ..