Front-end/React.js (4) 썸네일형 리스트형 #4 [2021 UPDATE] PROPS #4.0 Props 분할, 정복 로직을 고립시켜서 분리된 컴포넌트로 만든다! 부모 컴포넌트는 App Props는 일종의 방식으로 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 전송하는 방식. 부모에 props를 사용하면 자식 컴포넌트(함수)의 인자로 객체가 들어가게 됨 하나의 버튼을 props을 이용해 재사용함! component는 단지 function(함수) 으로 JSX 반환함 => 함수형 컴포넌트 property => object로 모두 들어간다! function Btn({text}) { // props는 object // shortcut (props -> {text, onClick}) 변경! return ( {text} ); } function App() { // 컴포넌트 // JSX의 내부 cons.. #3 [2021 UPDATE] STATE - nomad coder #3 [2021 UPDATE] STATE #3.0 Understanding State 바뀌는 데이터 페이지를 로드했을 경우만 렌더링 되고, counter 업데이트 되지 않음 counter 렌더링 추가 - 전체 영역을 렌더링 하는게 아니라 counter 부분만 업데이트 됨 https://nomadcoders.co/react-for-beginners/lectures/3265 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co #3.1 setState part One 자동으로 리렌더링을 유발, 일으키는 방법 React.js가 우리가 원하는 부분 렌더링 처리 data를 담는 것과 업데이트 하는 방법 const data .. #2 [2021 UPDATE] THE BASICS OF REACT - nomadCoder https://nomadcoders.co/react-for-beginners/lectures/3258 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co #2 [2021 UPDATE] THE BASICS OF REACT #2.2 Our First React Element React.js: 어플리케이션이 아주 인터랙티브(interactive) 하도록 만들어주는 library, Engine과 같다. React-dom: library 또는 package. 모든 react element들을 HTML body에 둘 수 있도록 해줌 ReactDOM.render(): render의 의미는 react element를 가지고 H.. React 공부 시작 - 노마드 코더 강의 https://nomadcoders.co/react-for-beginners/lectures/3257 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이번주 계획 #2 [2021 UPDATE] THE BASICS OF REACT ~ #7 [2021 UPDATE] PRACTICE MOVIE APP 수강 하기 : ) 이전 1 다음