프론트엔드 css 작업 질문드립니다.

Question

안녕하세요 1개월차 신입 프론트엔드 개발자입니다.현재 회사에서 퍼블리싱 완료된 프로젝트를 하나 받았는데 css가 한 파일에 다 작성되어 있어 1만줄이 넘는 상태입니다.이 프로젝트를 리액트로 변환하는 작업은 완료했고, 페이지별로 css파일을 분리해달라고 해서 작업을 하고 있습니다.근데 페이지별 코드도 길고 하나의 클래스가 여러 페이지에 적용되어 있는 케이스도 있다보니 css 분리 작업이 상당히 노가다인데 유지/보수 등 나중을 생각하면 이 작업을 하는게 맞는 걸까요?회사에서는 제 판단에 맡기겠다고 했는데 어떤게 맞는 건지 잘 모르겠어서 조언 부탁드립니다!

doooss · Accepted Answer

css 분리 생각보다 심히 귀찮은 과정입니다. 1만줄 수준이면 200~300kb 로 생각되는데요 css 분리라는게 상당히 귀찮은 과정이라 그냥 쓰셔도 무관하긴 합니다.(부트스트랩 같은거 쓰면 대게 그 정도 크기로 알고 있습니다.)배포 시에는 css minify 작업을 해주시면 용량이 줄어들 겁니다. 다만, 장기적으로 봤을 때에는 하는 것이 좋긴 합니다. (일단 미루다가 할일 없을 때 하는 정도로 가볍게 해주세요)

프론트엔드 css 작업 질문드립니다.

1개의 답변

Q&A 목록