- 모듈 CSS 관련 공부
- 클래스 명 중복 문제를 해결하는 방법 중 모듈 CSS가 있다.
- 모듈 CSS는 CSS 모듈에 정의된 스타일을 자바스크립트 객체 형태로 파싱해 스타일로 제공한다.
- 일련의 알고리즘에 따라 파싱 된 자바스크립트 객체로 정의된 클래스 명이 있는 부분에 정해진 해시값으로 클래스 명을 고유화한다.
- 파일 경로, 사용자가 정의한 클래스 이름 등을 통해 해시를 만들기 때문에 CSS 모듈 간 클래스 이름이 중복될 일이 없다.
- 모듈 CSS는 웹 표준으로 등록된 문법은 아니고, 번들러에 의해 번들링 되는 과정에서 해당 로직을 처리해 준다. 번들러가 번들링 시 CSS 파일을 모듈 CSS로 인식하고 파싱 해주도록 하기 위해 파일명 확장자를
모듈명.module.css 형태로 지어야 한다.
- 기타, 모듈 CSS 관련 이런저런 내용을 정리해 뒀다.
- 칸반 보드 만들기 프로젝트
- 프로젝트 폴더 구조 세팅, 기본 UI 컴포넌트 작업 등 진행 중이다.
- 최대한 프로젝트의 구조를 잘 갖춰보려고 이런저런 것들을 공부하면서 하느라 진도가 느리다.
- 그래도, 최대한 한번 할 때 제대로 공부하고 넘어가자. '의식적인 연습'이 진짜 실력이 되는 밑거름이다.