WEB44 error:03000086:digital envelope routines::initialization error' React project를 만들고 npm run start를 하는데 이런 오류가 났다. opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } 해결방안) package.json 의 "scripts" 부분을 아래로 대체한다. "scripts": { "start": "react-scripts --openssl-legacy-provider start", "build": "react-scripts --openssl-legacy-provide.. 2021. 12. 4. [React JS] Props type 우리가 props를 보낼 때 무엇을 받고 싶어하는지를 react는 모른다. https://unpkg.com/prop-types@15.7.2/prop-types.js proptype은 우리가 어떤 타입의 prop을 받고 있는지 체크해준다. 추가하기 https://ko.reactjs.org/docs/typechecking-with-proptypes.html PropTypes와 함께 하는 타입 검사 – React A JavaScript library for building user interfaces ko.reactjs.org 2021. 12. 4. [React JS] Props props는 일종의 방식이다. 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법 여기 두 컴포넌트가 있다 두 컴포넌트는 같은 style을 가진다. console.log 결과를 보면 두 object가 찍히는데 왜냐하면 Btn 을 두번 불렀기 때문이다. Btn이라는 이름의 함수를 부르고 있고 정보를 함수에 전송하고있다. React는 우리가 넣어둔 모든 것들을 첫 번째 인자로써 넣어준다. 정리하자면, React 는 자동으로 내가 여기에 넣는 모든 property(prop)들을 모두 오브젝트 안으로 넣고 이 오브젝트는 컴포넌트의 첫번째 인자로 주어진다. object이기 때문에 키-값이 여러개 들어가도 당근 가능이다. props는 첫 번째이자 유일한 Btn이 전달 받는 인자이다. props... 2021. 12. 4. [React JS] JSX 알아보기 span태그와 button을 모두 올리고 싶다면 div태그를 사용해서 같이 만들 수도 있다. 그리고 id와 style 같은 property를 넣는 곳에 함수, 이벤트리스너를 추가할 수도 있다. react 에서 이벤트리스너를 등록하는 방법은 조금 다르다. vanilla js에서는 click, react js에서는 on이 붙는다. 이렇게 해야 react에게 우리가 event listener을 등록한다고 알려줄 수 있다. react는 interactivity를 위해서 제작된 것이다!~!~! addeventlistener를 반복하는 것 대신 property object에 event를 등록할 수 있게 되었다. 복습 react js와 reactdom 코드를 import를 했다. react js는 element를 생.. 2021. 12. 2. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
