본문 바로가기 메뉴 바로가기

beomy

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

beomy

검색하기 폼
  • 분류 전체보기 (93)
    • JavaScript (22)
    • React.JS (15)
    • Vue.JS (50)
    • ETC... (6)
  • 방명록

lifecycle (1)
[React.JS] State와 Lifecycle

State와 Liftcycle State의 필요성시계 컴포넌트를 만들어 봅시다. 시계 컴포넌트를 만들려면, 매초마다 화면을 갱신해야 시간이 흐르는 것처럼 보이겠죠? function Clock(props) { return ( {props.date.toLocaleTimeString()} ); } function tick() { ReactDOM.render( , document.getElementById('root') ); } setInterval(tick, 1000); CodePen으로 예제 확인하기 화면을 다시 그려주는 방법으로, setInterval()를 사용하여 ReactDOM.render()을 매초 호출하여 화면을 갱신하였습니다. 매초 화면을 갱신하는 기능은 Clock 컴포넌트 안에서 구현하는 것이 ..

React.JS 2017. 4. 6. 12:38
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바