TIL #16

 

 

 

Project

https://juicyjerry.tistory.com/231

 

 

오늘 배운 내용

• scss
  • content
  • extends: 같은 코드를 중복하고 싶지 않을 때 쓰는거야, 말그대로 다른 코드를 확장하거나 너가 코드를 재사용하고 싶을 때 사용
  • minxins: 상황에 따라 다르게 코딩을 하고 싶으면 사용
  • varialbes: 해당 css속성은 변수화
  • _의 의미는 기본적으로 css로 변하지 않았으면 하는 것 ex. _varialbes
• scss는 기본적으로 css preprocessor다. scss을 compile해서 css로 바꾼다.
• sass가 먼저 만들어졌는데 syntax가 달라서 scss를 쓰게 되었고 scss가 scss를 위한 공식적인 syntax로 릴리즈되었다. scss나 sass를 같은 것을 의미한다.
  • gulp가 compile하거나 transform해주는 nodeJS package임
    • 오래된 코드 → 새로운 코드
    • scss, sass → css
• 점차 업계 표준이 되어가고 있다. 작업 속도가 빨라지나. 컴파일하거나 빌드하는 단계가 필요한다.

 

 

예상했던 계획이 늦어지고 있다. 

내가 계획을 러프하게 잡았거나 프로젝트에 좀 더 진지한 자세가 필요해보인다고 생각이 든다.