본문 바로가기

코딩하는 김딸기

검색하기
코딩하는 김딸기
프로필사진 김딸기*

  • 분류 전체보기 (66)
    • HTML (1)
    • CSS (0)
    • 자바스크립트 (14)
      • Likelion_JS (14)
    • c언어 (0)
    • 스크랩 (0)
      • 취업후기 (0)
    • DIARY (0)
    • 리액트 (0)
    • 파이썬 (0)
    • JAVA (0)
    • 4-1 (0)
      • 자바기반응용프로그래밍 (0)
      • 알고리즘 (0)
      • 멀티미디어 컴퓨팅 (0)
      • 기계학습 (0)
      • 마움리 (0)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록2024/11/29 (1)

코딩하는 김딸기

State의 이해

state: data를 저장하는 곳-counter변수를 증가시키고 ui에 전시하는 함수를 state로 만들 수 있다 리액트의 좋은점은 UI에서 바뀐 부분만 업데이트 해줌변수를 JSX에 전달하는 방법let counter = 0; 변수를 만들고Total clicks: {counter} 로 만들어주면변수의 카운터 숫자에 따라 변화됨onClick={countUp}-> 이벤트리스너가 countUp 함수를 호출하고 countUp은 카운트를 바꿔줌ReactDOM.render()로 container 처음 랜더링 할 때 카운터가 0이므로 0으로 호출됨그리고 container를 리렌더링을 해줘야 카운터가 +1 상태로 업데이트 됨.즉, countUp을 호출할 때마다 ReactDOM.render()을 다시 호출해야함-> co..

카테고리 없음 2024. 11. 29. 18:07
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바