[FE] React-Node-Bird 에서 발생한 문제(2)

1. 노드 버전이 맞지 않는 문제

지난번 수업이 끝나고 node 버전을 18로 돌려놨는데 깜박하고 npm run dev로 실행했더니 에러가 발생했다

원인: node버전이 맞지 않음
해결방법: 노드 버전을 맞춘다 (nvm use 14)

node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/Users/nr/Desktop/prepare/front/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/nr/Desktop/prepare/front/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/nr/Desktop/prepare/front/node_modules/webpack/lib/NormalModule.js:471:10)

.

2. 그 외 VScode에서 생겼던 빨간 글씨들

1) JSX를 사용할 때는 React를 import 하지 않았을 때

원인 : jsx 문법을 사용하는 파일 안에서 React를 import 하지 않았다
해결방법 : import 해준다

2) props 검증하는 코드를 추가하지 않았을 때

원인 : props 검증하는 소스코드를 추가하지 않았다
해결방법 : 파일 하단에 아래와 같이 추가하였다