React2 React 완벽 가이드 Session 4 모듈 소개 이번 섹션에서는 사용자와의 상호작용, 클릭하거나 텍스트 입력창에 입력하기 같은 사용자 이벤트 다루기, state에 대해 배워본다. 리액트의 필수적인 중요개념을 배운다. 이벤트 리스닝 및 이벤트 핸들러 수행하기 이벤트 핸들러 props는 값으로 함수가 필요하고, onClick 과 같은 이런 모든 다른 on props에 대한 값으로 전달된 함수는 이벤트가 발생할 때 실행한다. 상수로 함수를 정의한 다음 이벤트 헨들러의 함수를 실행시킬 수 있다. const clickHandler = () => { console.log('Clicked!!') }; Change Title 요소에 이벤트가 지원된다면 on 다음에 이벤트명 props를 추가해서 리액트로 리스너를 쓸 수 있다. 함수의 이름 짓기 이벤트에서 .. 2022. 8. 9. React 완벽가이드 Session3 모듈 소개 Module Content React Core Syntax Working with Component Working with Data 컴포넌트란 무엇인가? 왜 리액트는 컴포넌트의 전부라고 하는가? 모든 종류의 웹 프로그래밍은 컴포넌트로 나눌 수 있다. 왜 컴포넌트를 쓰는가? 코드의 재사용성, 우려사항들과의 분리 리액트 코드는 "선언적 방식"으로 작성되었습니다! 컴포넌트는 어떻게 작성하는가? HTML, CSS, Javascript를 결합하는 것이 컴포넌트이다. React & Component 실제 웹페이지에서 어떤 요소가 추가되거나, 삭제되고, 업데이트되어야하는지 해결하는 것 최종상태와 최종상황에서 어떤 상태가 사용되어야하는지 정의하면된다. 선언형 어떻게 해야하는지 보다 무엇과 같은지 설명하는 프.. 2022. 8. 8. 이전 1 다음