현업에서 사용되는 프론트엔드가 궁금합니다.

프론트엔드라고 크게 표현하셨는데 질문 내용 자체는 css 도구와 방법론에 국한되는 거 같으니 css에 한정하여 답변하겠습니다. 일단 여러 도구를 사용해 보시는 것은 학습 측면에서 매우 좋은 것 같습니다. 도구에 익숙해지는 것은 물론 남들이 말한 것이 아닌 내가 체득한 지식으로 각각의 장단점을 파악할 수 있으니까요. 현업에서 어떤 방식을 사용한다고 단정해서 말할 순 없습니다. 으레 프로그래밍 방법론이 그렇듯 단 하나의 정답은 없고 팀 각자 사정에 따라 더 낫다고 생각하는 도구와 방법을 채택할 뿐이죠. 유지보수의 용이함, 기술의 편리함 등등 다양한 것을 고려하여 선택합니다. 정말 단순하게는 팀 초창기 기술을 선택하는 사람이 그저 익숙하다는 이유로 채택하기도 합니다. 혼자서 프로젝트를 할 땐 본인이 감당할 수만 있다면 어떻게 해도 상관없다고 생각합니다. 다만 협업을 할 땐 내 코드를 남이 읽는다는 것을 고려해야겠죠. 따라서 일관성이 중요합니다. 각 도구의 역할 구분이 명확해서 팀원 중 어느 누가 작성해도 같은 도구와 같은 스타일로 코딩을 할 게 분명하다면 여러 도구를 사용해도 된다고 생각합니다. 근데 솔직히 쉽지는 않을 거 같아요. 특히 css의 경우 나중에 수정하려고 하면 어느 부분을 수정해야하는 건지 헷갈릴 것 같습니다. 잘 조직된 팀이라면 이에 대한 문서화가 잘 돼있을 거예요. (이를테면 클래스명 규칙, stylelint 따위) 정리하건대 여러 방법 자체는 문제가 없지만 기술 선택의 이유는 있어야 할 거 같습니다. 문서화와 함께 하면 더 좋구요. 도구를 혼합해서 사용하는 것은 당장은 속도를 높여줄 수도 있지만 협업 장기 프로젝트 관점에선 혼란을 증대시킬 수 있을 거 같습니다. 첨언하자면 여러 도구 경험해보셨으면 아시겠지만 어차피 기본 css 지식과 그걸 활용하는 능력만 뒷받침되면 무엇을 사용하든 크게 어려움 없으실 겁니다!