반응형 react2 [React 문서] State and Lifecycle, 이벤트 처리 함수에서 클래스로 변환하기 function Clock(props) { return ( Hello, world! It is {props.date.toLocaleTimeString()}. ); } function tick() { ReactDOM.render( , document.getElementById('root') ); } setInterval(tick, 1000); 함수에서 클래스로 변환하기 다섯 단계로 상기의 Clock과 같은 함수 컴포넌트를 클래스로 변환할 수 있습니다. React.Component를 확장하는 동일한 이름의 ES6 class를 생성합니다. render()라고 불리는 빈 메서드를 추가합니다. 함수의 내용을 render() 메서드 안으로 옮깁니다. render() 내용 안에 있는 pro.. 2021. 6. 3. [React 생활코딩] 1. 소개 및 개발환경 리액트의 장점 가독성 재사용성 유지보수 컴포넌트를 중심으로 현대적인 웹애플리케이션 UI를 만들 수 있다. Coding -> Run -> Deploy 의 순서로 배울 것 React 공식문서 홈페이지 활용하기 https://reactjs.org 실습을 위한 개발환경 셋팅 1. Nodejs 설치파일 다운로드 후 실행 https://nodejs.org/ko/ 2. npm 이용하여 Create React App 설치 cmd창에서 npm -v 입력 후 버전확인 npm install -g create-react-app 입력하여 설치 후 create-react-app -v 입력하여 버전확인 3. react-app 디렉토리 설정 및 실행 react-app 디렉토리 생성 cd C:\react-app 입력하여 해당 디렉토리.. 2021. 6. 2. 이전 1 다음 반응형