[main Project] 9일차 리뷰 (09.18 ~ 09.20)

9일차 리뷰 (09.18 ~ 09.20)

✅ 새로 알게 된 점 : vite에서 svg파일 처리하는 방법

• 내가 사용하고 싶었던 방법 : import { ReactComponent as Avatar } from "../assets/Avatar.svg"
• vite에서 svg 파일 component로 사용하려면 vite.config.js 파일에 설정을 해주어야 한다.
• 사용 방법 : install 해준다 → vite.config.js 파일 설정해준다 → 컴포넌트로 활용해준다~

npm i vite-plugin-svgr

// vite.config.js
import svgr from 'vite-plugin-svgr'

export default {
  // ...
  plugins: [svgr()],
}

import { ReactComponent as Avatar } from "../assets/Avatar.svg"

👍 잘한 점

..~

🥲 아쉬운 점

• 디자인을 시간안에 끝내지 못한 점 → 구현이 우선이라 진행하며 보충하기로 했다 🥲 빨리 개발해야징~.~

🚀 추가적으로

• 개발을 시작하니 재밌다 :) 뒤로 갈수록 힘들겠지만,,~