React

react 📌 환경 구축 node.js 준비 react app을 실행시킬 폴더를 잡고 터미널에 npx create-react-app 넣기 위 이미지가 뜨면 끝 ! 실행은 npm start 실행 안 되는 경우 port 3000번대에 뭘 쓰는지 확인해보기!

5. event 00. a태그에 onclick되는 event를 만들어보자 📌 onClick={function(event){}} : props로 받아올 event가 파라미터이다. 📌 event.preventDefault() : 기존의 a태그의 이벤트를 막음 (

📌 props, state 차이점 > "prop과 state 모두 이 값이 변경되면 새로운 리턴값을 바꾸어서 UI를 바꿉니다. 차이점은 prop은 컴포넌트를 사용하는 외부자를 위한 데이터고, state는 컴포넌트를 만드는 내부자를 위한 데이터라는 것입니다." 📌

어플리케이션이 기본 기능 (CRUD) 중 create! Create 📌 form를 react에서 다루는 법 📌 event.target.value : event가 발생하는 target을 의미하는데, 여기서는 onSubmit()이 실행 될 때 event가

CRUD의 Update에 대해서 알아보자 Update 📌 📍 react의 update 기능은 수정 기능이다. form에 작성한 내용을 수정 해보자. 필요한 데이터 : 내가 기존에 작성한 데이터 (title, body) 필요한 event : 내가 수정 후 눌렀을

상위 컴포넌트에서 받는 데이터가 문제인 경우 하위 컴포넌트에서 props로 받아오는 데이터가 문제가 있는 경우나는 후자였다! object의 타입을 명시해서 적어주는게 가장 좋다!

🔠 컴포넌트에서 다른 컴포넌트를 담을 때 사용함 다른 컴포넌트를 담는 쉘의 역할을 할 수 있다. 🔠 props는 상속의 역할을 한다면, props.children는 합성의 역할을 한다. 어떤 컴포넌트가 자식 엘리먼트로 들어올지 예상할 수 없는 경우 props.c