웹 개발에서는 브라우저마다 제공하는 기본 스타일이 다르기 때문에 이를 통일하여 일관된 디자인을 구현하는 것이 중요합니다. 이를 위해 Reset CSS와 Normalize CSS가 사용됩니다.

Reset CSS

모든 브라우저의 기본 스타일을 완전히 제거하는 방식

✅ 장점

• 스타일 통일성을 확실하게 보장

❌ 단점

• 모든 스타일을 처음부터 다시 정의해야 하는 번거로움

🔗 대표적인 오픈 소스 Reset CSS

• Eric Meyer’s CSS Reset (전통적인 방식)
• Elad Shechter’s CSS Reset (최신 웹 트렌드 반영)

Normalize CSS

브라우저 간 스타일 차이를 줄이는 데 중점을 둔 방식으로, 모든 요소의 기본 스타일을 완전히 제거하는 것이 아니라 브라우저 간 차이가 나는 부분만 수정

✅ 장점

• 기본 스타일을 유지하면서도 브라우저 간 차이를 줄일 수 있음

❌ 단점

• 커스텀 스타일 적용 시 예상치 못한 충돌 발생 가능

🔗 대표적인 Normalize CSS

• Normalize.css 공식 사이트
• React 프로젝트에서 Styled Component를 사용할 경우: styled-normalize