59일차

오늘 목표

• 영화예제 사이트 모법코드 확인
• 시크릿코드 1강
• 프로젝트로 만드는 JS1강
• vue 강의 듣고 복습
• 그런 REST API로 괜찮은가 읽어보기
• 30days 2days
  • photoGallery
  • custom_cursor

새로배운 내용

1. 가로세로비율이 맞는 이미지 크기 조절

img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

2. vue

provid, inject

• provide, inject의 경우 반응성을 가지지 않는다.
• 만약 반응성을 주고 싶다면 계산된 데이터를 써야함
• 따라서 차라리 store를 도입하는 것이 좋은 선택.

vue store

• 최근 veux가 pinia로 대체되어 가는 추세.
  • vue를 만든 에반유가 vuex대신 pinia를 권장.
  • pinia는 vuex5버전출시를 앞두고 적어둔 스펙을 바탕으로 만들어졌음.
• 하지만 아직 vuex로 만들어진 것이 많기에 둘다 배워두는 것이 좋음.

3. nonoid

4. skypack

• 모듈로 사용이 가능하다.
• 번들없는 개발

부족한 부분

• await와 async 및 비동기
• vue

찾아볼 부분

• skypack이란?(빌드도구)
• rollup.js(빌드도구)
  • 트리쉐킹이 가능
• vite.js
  • 모듈화가능
  • 구성파일이 숨겨져있음