react_groom

생활코딩으로 리액트를 접한 이후 뭔가 얕게 배웠다는 느낌이 들어서 그 이후에 'Groom'강의를 들어보았다!→ applicaton의 html소스 파일을 열어보면 해당 페이지의 내용을 찾아볼 수 없었다. 그 이유는 react가 id가 root인 div 태그 안에 페이지의

: React 앱을 구성하는 가장 작은 빌딩 블록! 화면에서 보이는 것들을 기술한다.<특징>변할 수 없다. ( 불변성) element가 생성된 후에는 children이나 attribute를 변경할 수 없다. element를 생성하고 DOM에 renderin

: React Component의 상태 = Component에 대한 변경 가능 데이터를 뜻한다.state는사용자가 정의한다.자바스크립트 객체와 같다.직접 수정하면 안된다!!! setState를 사용해서 수정해야 한다!! : component의 생명 주기https&

: 배열과 같다. React에서는 배열을 사용해 다수의 element를 랜더링 할 수 있다! Example→ A와 B 라는 두 개의 component로 구분해서 보았을 때 A의 component에 들어갈 props와 B의 component에 들어갈 props의 값을

: 해서 그대로 양식이라는 의미. React에서는??→ controlled component!! : 값이 React의 통제를 받는 input form elementExample→ 사용자의 입력을 대문자로 변경하고 싶다면 handleChange 함수에서 toUpperCa

: 구성. 여러 개의 component를 합쳐서 새로운 component를 만드는 것.<사용 기법>→ 어떻게 조합할 것인가???Containment 보통 sidebar나 dialog 같은 박스 형태의 component는 자신의 하위 component를 알 수