회사에서 sass를 쓰는데 이거 정상적인건지 봐주실 분......뭔가 이상합니다;

Question

안녕하세요초보 퍼블리셔입니다.새로 옮긴 회사에서 sass를 사용하는데 뭔가 이상하다고 느껴서 질문드립니다.1.우선 제가 제작해야할 이벤트는 event폴더에 다 들어있습니다.html/event/kakaoEvent/index.htmlhtml/event/naverEvent/index.htmlhtml/event/daumEvent/index.htmlhtml/event/youtubeEvent/index.html이런식으로 수십개의 파일이 모여있죠.뭐, 이건 좋습니다. 흔한 구조이죠.2.문제는 css입니다.event.scss로부터 컴파일된 event.css와 event.css.map만 사용합니다.즉,kakaoEvent에도 naverEvent에도 youtubeEvent에도 이런식으로 들어가죠.공통 css를 이용하는건 당연한거 아니냐구요?네. 저도 처음에는 그런줄 알았습니다.3.근데 저 event.scss에는, 공통 스타일뿐만 아니라 각각 이벤트의 개별 스타일이 다 들어갑니다.무슨말이냐구요?scss가 8000줄이 넘어간다는거죠.한줄작성법으로 한 클래스당 한줄만 차지하게 했는데도 8000줄입니다.그렇다면, 앞으로 이벤트가 늘어나면 늘어날수록 개별 스타일이 늘어나면 만줄 2만줄 3만줄이 넘어가게 되겠군요?물론, 컴파일된 css는 자동 minify 되므로 2줄입니다. 근데 코드의 양이 엄청난건 그대로이죠.이건 제가보기엔 굉장히 비정상입니다.근데 이 질문을 왜 올리냐면,저는 sass초보이고, 어떤식으로 작동하는지 모르기 때문입니다.어? 혹시 sass를 컴파일하고 나온 css와 css.map은 내가 아는것과 다른식으로 작동하나?혹시 필요한 css만 불러오는 기능같은게 숨어있나?라는 기분이 들기 때문입니다. 말 그대로 초보이기 때문이죠.naverEvent인데 kakaoEvent, googleEvent 스타일까지 같이 불러오는건 아무리 생각해도 정상은 아니거든요.그래서 결론은....이상한게 맞고, 결국 이벤트 각각의 내용은 다 떼어내서 분리해야한다.아니다. 걍 이렇게 놔둬도 된다. css랑 css.map으로 이루어진건 뭔가 특별한 작동방식이 있다.인데,이부분에 대해 정답을 알려주실 분 계십니까....잘부탁드립니다....

메이플비 · Accepted Answer

따로 동작하는 원리가 다르다던가 하는건 없습니다.해외의 경우 html/css도 개발자인 프론트엔드 개발자가 개발을 하다보니까 마크업 언어인 css가 불편하다고 좀 더 프로그래밍 언어 스럽게 만든게 전처리기인 sass/scss/less같은 물건들이니까요. (프로그래밍 언어에서 할 수 있는 것들을 적용해서 css를 좀 더 편하고 효율적으로 작성하면 알아서 css로 바꿔주는 역할을 합니다)위의 언급하신 저런 상황의 경우 '맞냐' '틀리냐'의 이분법적으로 구분이 되는 문제는 아닙니다.맞지도 틀리지도 않고 그 회사에서 하는 방식인거니까요.다만 '효율적이냐' '비효율적이냐'에 대한 물음이라면 특별한 이유가 있어서 그렇게 구성한게 아니라면 아무래도 저는 비효율적이다 라는것에 의견을 낼 것 같습니다.

회사에서 sass를 쓰는데 이거 정상적인건지 봐주실 분......뭔가 이상합니다;

1개의 답변

#sass 목록