[43] css-modules 적용

css-modules 적용
- css-modules spec 사용할 수 있도록 css-loader 설정 변경
- classnames 패키지 설치
- 모든 컴포넌트에서 css 클래스명 사용하는 코드 수정
css 번들파일 분리 설정
- mini-css-extract-plugin 사용하여 css 코드를 하나의 번들파일로 분리하도록 설정

적용해보니까 엄청 좋네요! 가독성도 좋아지고, css 클래스명 충돌로 발생하는 side effect를 완벽하게 해결하네요👍 미셸 덕분에 유용한걸 배웠어요. 고마워요 :)
css 초기화를 위해 사용했던 base.scss 파일에 !important 속성을 주었어요.
- 부트스트랩 코드가 전역에 html태그, body태그 등을 재정의하고 있는데, css 번들파일을 분리하기전에는 부트스트랩코드보다 우리 코드가 나중에 로드되어서 문제가 없었어요.
- 그런데 css번들을 분리하면서 css는 link태그로 최상단에 로드되고 부트스트랩 코드는 그 아래에 style 태그로 로드 되어서 override되는 현상이 발생했어요.
- 마땅한 방법이 생각나지 않아서 !important로 일단 임시 조치했어요.
- 부트스트랩 사용하는 부분이 DetailPage에 이미지 캐로셀인데 나중에 직접 만들어서 교체하는게 좋을 것 같아요.
- 다른 아이디어 있으면 알려주세요!

codesquad-project-team / frontend