오늘은 어제에 이어 Sass에 대해 공부했다.
Sass의 개념에 대해 배우기만 해서는 실제로 사용하기 어려우므로 예시 사이트를 만들어보면서 어제 배웠던 부분들에 대해 복습과 추가적인 학습을 진행했다. 학습내용을 정리해보자면 다음과 같다.
- Figma 사용법과 디자인 시스템 - color 체계가 잡혀있을때 plugin을 통해 한번에 Sass로 옮길 수 있는 점이 인상적이였다.
- 웹폰트 사용 시 link 와 @import의 차이점 - @import는 직렬적으로 다운로드 하므로 link에 비해 속도가 느리다. link 이용 추천!
- noscript 태그 - 스크립트가 비활성화 되어 있을 시에 보여줄 구획 설정가능
- snippet generator를 이용해 vscode에 snippet 등록하기 with Snippets Ranger - 반복적으로 사용하는 코드들을 간편하게 이용할 수 있다!
- Sass 함수, 맵, 믹스인, 타입, 플로우 컨트롤 - 어제 배웠던 부분에 대한 복습과 더불어 추가적으로 Sass에 대해 학습했다. 양이 많아 따로 정리하면서 복습이 필요하다.
갈수록 해야할 것이 너무 산더미 같다. 이번주가 수업시간이 길어서 더 그럴수도 있지만 복습만해도 시간이 부족한데 기술면접 준비, 코딩테스트 대비까지 하려니 막막하다😢. 다 필요한 것들이니만큼 힘내서 차근차근 준비해야겠지? 힘내자 화이팅!
개발자를 꿈꾸며 공부중입니다.