atom 에디터에서 sass 간단히 사용하기

sass를 써보니 쓰면 쓸수록 편리한거 같다.

하지만 불편한 점이 하나 있었는데,

바로 컴파일이 필요하다는 점이었다.

컴파일을 하려면 명령창에다 명령어를 쳐야 하는데,

--watch 명령어를 쳐서 실시간 감지 가능하다고 해서 그렇게 해 보았다.

하지만 안먹히고 계속해서 css 파일을 지우고 명령어를 다시 쳐 줘야만 했다..

sass는 편리하지만 이런 작업이 계속되면

프론트엔드 개발자 입장에서는 많은 시간 미스가 나게 된다.

그래서 방법을 찾던중에 atom 에디터에서 실시간으로 sass 파일을 css로 바꿔주는 패키지가 있다는 것을 알게 되었다. (정말 짱이다. ㅎㅎ)

아래는 Sass 설명 겸 atom에서 쓰는 패키지를 설명해주는 블로그이고,

내용을 읽어보니 다른 에디터에서도 이미 패키지가 나온거 같다.

사용해 보니 너무 좋다.

https://hackya.com/kr/sass-scss-컴파일-하는-방법/

그리고 하나 참고할 점은 본 패키기지를 사용하기 위해서는 node-sass라는 npm 모듈이 깔려있어야 하고,

node-sass를 깔기 위해서는 python이 필수로 깔려 있어야 한다.

이것을 몰라 조금 헤메었다.