220813

리액트 사용하려는 초기 셋팅부터 너무 시간이 오래 걸렸다. 

CRA를 사용하려고 했는데 환경 세팅하는 과정을 본다고 그래서,, ㅜ 

코드숨 강의 보면서 해보는데 계속 잘 안돼서 너무 조급했다. 

그러다가 웹팩 문제라는 것을 알았다.

웹팩의 entry 경로가 절대 경로로 설정되어 있어서 안되던거였다,,, 허무,,

 

 

그래도 에러가 완전히 해결된건 아니었다,, 

예전에는 reactDOM from 'react-router-dom'으로 사용되던 부분이 이제는 

import { createRoot } from 'react-dom/client';

 

이렇게 처리를 해줘야한다.

 

 

 

prettier 사용해서 eslint 설정도 해줬다. 

원래는 single quotation만 쓰라고 되어있었던건지 double쓰면 에러나서 이거 일일히 고치느라 짜증났었는데 

이젠 자동으로 수정된다,, 좋다,,

그리고 화살표함수도 안됐는데 이제 된다,,, 

 

 

 

 

동영상 재생 안됨...

웹팩에서 무슨 loader문제있다고 그래서 https://webpack.kr/concepts/#loaders

Concepts | 웹팩

이거 보고 스택오버플로우보고 겨우 해결 ㅜ

 

 

그러다가 또 svg 파일 안뜨길래 또,, 찾아가며 해결,,

{

test: /\.svg/,

type: 'asset/inline'

}

이렇게 처리해줘야되더라,,