Notice
Recent Posts
Recent Comments
Link
목록extend (1)
초보 개발자
scss ( nesting, mixin, extend )
css를 보다 편리하게 사용하기 위해서 scss를 작성한 뒤 sass를 사용하여 css로 변환을 시킬 수 있다. 즉 scss파일만 작성해서 html에게 보내주면 html은 읽지 못한다. ( scss말고 css를 내놔 ) 그럼 scss를 어떻게 css로 바꾸냐? gulp라는 것을 사용하여 바꿀 수 있다. scss 그렇게 하는게 더 복잡해 보일 거같은데 라는 생각을 할 수도있다. gulp는 파이프를 사용하여 전에 수행된 것을 그대로 인자로 받아서 수행을 하고 다시 다른 파이프로 넘기는 식의 패턴을 사용한다. 먼저 아래와 같이 필요한 모듈을 받아온다. 그리고 routes를 통해 우리가 접근하고자 하는 diretion을 정해 둔다. style이라는 함수가 scss를 css로 변환시켜주는 것이다. 먼저 gulp...
css/css master
2022. 2. 24. 14:27