[TIL]20220605 TIL 노마드코더 REACT-basic 5일차

13일차(2022-06-05)

1. 운동(0)
2. 노마드코더 REACT 진행

노마드코더 react.JS 강의

4장 props

• props: 부모 컴포넌트로부터 자식 컴포넌트에게 데이터를 보내는 방법
• 결국 props는 컴포넌트에 전달되는 파라미터로 생각하면 될 듯. (properties)

• 첫 번째 인자로 사용되며 OBJECT 이다.

• react memo (memorize)
  • props가 변경되지 않는다면 다시그리지 말라고 알려줄 때 사용했음

const MeorizedBtn = React.memo(Btn);

• prop Types
  • 어떤 타입의 props를 받는지 알 수 있다.
  • 대소문자 주의.

    Btn.propTypes = {
    text: PropTypes.string.isRequired
    fontSize : PropTypes.number
    }
    

5장

• create-react-app 생성

• npm 이슈 (참조 https://stackoverflow.com/questions/54238540/getting-error-404-while-running-npm-install-create-react-app)

• npm run 이슈
  • https://thespoiler.tistory.com/21
  • nomad coder repo fork -> 실패
• npm update 후, create-react-app 재실행
  • 빈 프로젝트만 생성 -> 실패
• node upgrade
  • https://binit.tistory.com/8
  • 지랄났다 그냥.
• @tar2.2 audit 문제
  • https://velog.io/@jin_devlog/Create-Reac -> 실패

• npx create-react-app@latest my-app --use-npm 실행

• 옛날 -g 옵션으로 설치된 create-react-app이 문제로 보임 -> 실패
  • https://devsoyoung.github.io/posts/cra-reinstall/ 댓글참조
  • %appdata%npm (== C:\Users{ npm이 설치된사용자 계정}\AppData\Roaming\npm) 위 디렉토리 내의 구성요소들을 모두 삭제, C:\Users{사용자 계정}\AppData\Local\Yarn 위 디렉토리 내의 bin, cache, Data\global 디렉토리 내의 구성 요소들을 모두 삭제
• 글로벌이 아닌 로컬에 설치된 CRA를 삭제 후 재설치 -> 성공
• 고생했다…