[04/26 TIL] sass, bootstrap, 영화 정보 페이지 구현 과제

Sass 추가적으로 공부할 내용

• mixin 과 extends 차이와 어느 상황에서 사용하는 게 좋은지
• mixin 실사용 (따로 mixin 모음도 있고 mixin 라이브러리도 있어서 뜯어보면서 공부 

Bootstrap

• 유료 템플릿을 구매해서 이용한다고 생각하라고 하심, 기본 사용 태그들 실습
  이건 나중에 무료(or 유료) 템플릿으로 페이지 하나 구현하면서 공부 해보면 좋을 것 같음

영화 정보 페이지 구현 과제

• 신경쓸부분 
  - 앞 과제에서 정리한 피드백 내용들 적용해서 마크업 짜기
  - 반응형 고려하기 
  - Sass 적용하기
  - Readme 작성
  
  그래도 계속 구현해서인지 전체 구조자체는 빠르게 짰는데 Sass 복습도하고 어떻게 사용해야 좋을지 고민하는데
  시간을 많이 쓰고있다 nesting 은 사용하는데 문제 없어서 잘 이해한 것 같고
  mixin 어떻게 써야 잘쓰는 건지가 어려움 눈에 보이는 폰트관련 속성들은 묶어서 mixin 으로 사용하고 있고
  나머지는 일단 구현하고 중복되는 부분들 골라서 바꿔볼 예정
  mixin을 어떻게 활용해야할 지 나중에 피드백 받으면 좋겠다

@mixin font($family: $base-font, $style: normal, $weight: null, $size: null, $lh: 19px) {
    font-family: $family;
    font-style: $style;
    font-weight: $weight;
    font-size: $size;
    line-height: $lh;
}

https://yamoo9.gitbook.io/scss-mixins/mixins/font/font 

font() - @euid/scss-mixins

원하는 속성만 적용가능한 이런 mixin 도 있었음

 

사담

2번 스프린트 회고 강의를 들으니 대충 어떻게 TIL 써야하는지 감이 잡혀서 오늘 부터 꾸준히 작성 시작

공부한 내용 중 어려웠거나 이해안가서 추가로 공부해야 할(하고싶은) 부분 기록
-> 그날 바로 수업 끝나고 추가로 찾아서 공부하고 포스팅하면 좋은데 오늘 같이 과제있으면 과제 집중하느라 힘듬
     TIL 적어두고 과제 끝나고 복습할 때 할 수 있도록 하자

과제 진행 중 했던 생각 기록
-> 과제를 하는 것도 중요하지만 취업해야 하는 입장에서 이 과제로 내가 뭘 생각했고 어떻게 적용했는지
    정리해서 보여줄 필요가 있음. TIL에 그날 진행한 과제에서 한 생각들 기록해서 완성 후 정리할 때 참고하자