[WEB] 에러일지

2024.10.28

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec.

 

발생 원인

모듈을 import할 때 확장자명을 제대로 명시하지 않아 경로가 지정되지 않음. 

 

해결 방안

• 파일명 확인
• 확장자까지 모두 입력
• / , ./, ./../ 등과 같이 ˚절대경로인지 ˚상대경로인지 확인

˚절대경로: 파일의 root부터 해당 파일까지의 전체 경로

절대 경로는 어느 곳에서든 경로에 접근할 수 있다는 장점이 존재하나 경로가 변경되면 경로를 일일히 수정해야한다는 단점이 있다

˚상대경로: 현재 파일의 위치를 기준으로 연결하려는 파일의 상대적인 경로

상대 경로는 주소나 프로젝트 디렉토리 위치가 바뀌어도 내부 구조만 그대로라면 수정없이 그대로 사용할 수 있다는 장점이 있다.

기호	의미
/	root
./	현재 위치
../	상위 경로

 

 

---

 

 

2024.11.04

state 부분이 렌더링 되지 않음

 

발생 원인

state 문법 에러

 

해결 방안

const {count, setCount} = useState(0);

☞ const [count, setCount] = useState(0);

 

 

---

 

 

2024.11.04

기능 구현이 되지 않음

 

발생 원인

문법 에러

콜백 함수를 화살표 함수의 문법으로 간결하게 작성한 코드이기 때문에 중괄호를 생략 후 삼항연산자로 사용 가능함.

 

해결 방안

return todos.filter((todos) => {todos.content.includes(search)});

☞ return todos.filter((todos) => todos.content.includes(search));