성공을 즐기자

  • 홈
  • 태그
  • 방명록

리액트숫자세기 1

counter 리액트 만들기_useState, useRef 훅 [2편]_기능구현

UI를 잘 만들었다! >    현재 카운트 부분 : Viewer.jsx 버튼 부분 : Controller.jsx 자! 이제 기능을 만들어보자  하고 싶은 게 뭔지는 화면만 봐도 아시죠?  아래 숫자가 적힌 버튼을 클릭하면 그에 맞게 위에 있는 현재 카운트  숫자가 변하는 것입니다.   그러면 숫자가 바로 바로 변해야하니까는 ... state로 만들어야할것같아요. 왜냐하면 바로 렌더링을 해주니까요  그러면 어디에 state로 변수를 만들어야할까요??  저도 처음에는 카운트가 적혀있는 숫자 컴포넌트인 Viewer라고 생각했는데요.정답은 바로 !!!!  App.jsx ( 부모 jsx) 입니다.  왜냐하면 컴포넌트 간에 데이터를 전달하는 방법은 아시죠?? 바로 props 인데여  props는 부모, 자식 컴포넌..

개발공부/React.js 2024.11.27
1
더보기
프로필사진

얼마전 취업한 초보 개발자입니다.

글쓰기 | 관리자 | 방명록

  • 분류 전체보기 (493)
    • 프로젝트 (8)
      • 정통마켓_React (5)
      • 정통대나무숲_spring (2)
      • 인하대 기숙사 어플_Flutter&Spring (1)
    • 스터디 (14)
      • 알고리즘스터디-알까기🎯 (11)
      • GDG_클라우드 스터디 (3)
    • 개발공부 (38)
      • [spring]호돌맨의 요절복통 개발쇼 (2)
      • [spring]김영한_스프링입문 (11)
      • [Spring]김영한_ORM표준 JPA프로그래밍 (8)
      • [Flutter] flutter 앱 개발 완성 (2)
      • [JS]바닐라JS로 크롬 앱 만들기(노마드코더) (2)
      • NEXT.js (4)
      • vue.js (1)
      • React.js (6)
      • iOS_swiff개발 (2)
    • 프로그래밍 (72)
      • JAVA (22)
      • 에러가 났을때 (12)
      • 깃허브관리 (2)
      • 딥러닝🧠 (2)
      • 파이썬🐍 (19)
      • 프로그래밍책📚 (8)
      • 깃허브🐱 (2)
      • HTML&CSS&JAVAscript (4)
    • 알고리즘 (166)
      • 알고리즘 개념 (11)
      • 백준 문제풀이 (83)
      • 짧은 알고리즘 (3)
      • 프로그래머스문제풀이 (69)
    • 취업 (9)
      • TIL (7)
    • 자기계발 (20)
      • 우아한 토크 정리 (0)
      • 활동&해커톤&코테후기 (4)
      • 회고 (0)
      • 일기 (2)
      • 목표와 실패 (6)
      • 책 (54)
      • shot 글 (6)
      • 그외 준비하는것 (14)
      • 514챌린지 (15)
      • 유튜브 요약 (1)
      • 닭가슴살 (2)
    • UMC🚀 (17)
    • 디프만 (0)
    • 3-2 (13)
      • 정보보호론 (2)
      • OS (5)
      • DB (6)
    • 4-1 (21)
      • 졸업프로젝트 (12)
      • 인터넷프로토콜 (7)
      • 인공지능응용시스템 (2)
    • CS (4)
      • 네트워크 (0)
      • DB (3)
    • 회사 (1)
    • 리뷰 (2)

Tag

구현, 514챌린지, 인프런, 코테, 자청추천도서, 북리뷰, BFS, Spring, 514미라클모닝, 514챌린지인증, dfs, Java, 파이썬, 알고리즘, 열정대학생, 프로그래머스, 코딩테스트, Python, 모닝짹짹이, 백준,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바