코드캠프 4기 - 4일차 - 프로젝트 오류 해결기

오류 1

Warning: Invalid DOM property `for`. Did you mean `htmlFor`?

 

JSX는 자바스크립트이기 때문에 for는 반복을 의미한다.

for가 아닌 htmlFor을 써준다.

 

       <Radio type="radio" id="youtube" name="setting"></Radio>
            <Label htmlfor="youtube">유튜브</Label>
            <Radio type="radio" id="photo" name="setting"></Radio>
            <Label htmlfor="photo">사진</Label>

 

오류 2

Unhandled Runtime Error
Error: Failed to fetch

 

서버 충돌 문제였다. 그래서 코드를 아무리 수정해도 (프로젝트 파일 코드에는 문제가 없었음) 오류를 잡을수 없었던 것이다.

next.js는 기본적으로 포트 3000를 쓰는데, 3000은 어디선가 사용중이었고, 그러다 3001를 만들어 쓰다보니 서버가 꼬였던것.

그래서 이런경우 강제로 포트를 종료시켰다. 

 

명령어 :

npx kill-port 3000

 

3001이 아닌 기본포트 3000을 계속 쓰는것이 좋다.

 

https://serpiko.tistory.com/831

NodeJS - Port 3000 is already in use...