[ TIL ] 2022-05-09

Git

• pull 과 clone 의 차이
  pull 은 로컬 저장소에 있는 내 코드와 원격 저장소의 코드를 merge 하는 것, clone 은 내 코드에 상관 없이 원격 저장소의 코드를 그대로 복사해오는 것

VSC

• svg viewr extension
  svg 파일을 확인할 수 있음
• stylelint extension
  CSS 문법 체크해줌

React(CRA)

• react web vitals
  CRA 에서 사용하는 성능 측정 라이브러리
• manifest.json
  웹앱에 대한 정보를 담고 있는 파일

  short_name : 사용자 홈 화면에서 아이콘 이름으로 사용
  name : 웹앱 설치 배너에 사용
  icons : 홈 화면에 추가할 때 사용할 이미지
  start_url : 웹앱 실행시 시작되는 URL 주소
  display : 디스플레이 유형(fullscreen, standalone, browser 중 설정)
  theme_color : 상단 툴바의 색상
  background_color : 스플래시 화면 배경 색상
  orientation : 특정 방향을 강제로 지정(landscape, portrait 중 설정)

SCSS

• mixin 사용법과 function 사용법 차이

• mixin

  • 선언
    @mixin 이름($매개변수) { 스타일 }
  • 호출
    @include 이름(인수);

• function

  • 선언
    @function 함수명($매개변수) { @return 값; }
  • 호출
    함수명(인수);