[TIL] Today I Learned (2022.05.15)

깃허브 모듈 이름 대소문자 변경시

git config core.ignorecase false

@import? @use!

@import : 필요한 파일만 import 해오기
@use :

• SCSS는 @import를 더 이상 사용하지 않겠다고 했다.
• namespace로 사용된다.
• 변수 이름이 다른 파일에서 겹치더라도, @use로 가져올 파일 이름이 있기 때문에 문제가 생기지 않는다.
  @forward :
• @use처럼 파일을 쓰고싶을 때 마다 매번 작성해서 불러오지 않아도 된다.
• 여러곳에서 쓰이는 파일을 한 곳에 모아 다른 곳에 사용할 수 있다.
  @extend :
• @use가 어디서 가져올지 쓴다면, @extend는 상속받고 싶은 곳에 사용하자.

@use vs. @import

Webpack - autoprefixer

• autoprefixer : 공급업체 별 접두사를 자동으로 진행해주는 패키지!
• Chrome, IE, Safari, Firefox ...

autoprefixer
Webpack autoprefixer

모바일 반응형

순서

• 작은 뷰 부터 시작해서 점점 크게 그리는 것이 좋다.
• 모바일 -> 데스크탑

단위

• 픽셀 + 미디어쿼리