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

doeunn.log

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

doeunn.log

검색하기 폼
  • 분류 전체보기 (256)
    • 빅데이터 인공지능 (51)
      • 데이터분석 (12)
      • OpenCV (0)
      • 머신러닝 (14)
      • 딥러닝 (25)
    • 프론트엔드 (137)
      • HTML (5)
      • CSS (11)
      • Javascript (31)
      • DOM (5)
      • React (49)
      • TypeScript (19)
      • Next.js (17)
    • 백엔드 (45)
      • NodeJS (8)
      • Java (30)
      • JSP (7)
    • 코드 회고 (15)
      • facebook 프로젝트 (8)
      • 영화 목록 조회 프로젝트 (3)
      • NEGO MARKET (4)
    • Git | Github | VSCode (3)
    • 디프만x인프런 (4)
  • 방명록

리액트 state (1)
[React] state 제대로 사용하자 - 얕은 복사 & 깊은 복사

🔎 state ? React에서 state는 내부에서 변경될 수 있는 값을 의미합니다. 따라서 컴포넌트가 렌더링 되고 난 후 값이 변경되어 재렌더링될 가능성이 있는 값들은 state로 선언합ㄴ디ㅏ. state는 값은 state함수를 통해 갈아끼워진다 이 말이 무슨 뜻인지는 코드로 알아봅시다. function Test() { const [ name, setName ] = useState(''); const settingName = () => { // name = '홍길동'; => 이렇게 사용X setName('홍길동'); } return( {name} ) } 위 코드아 같이 state값인 name을 직접적으로 바꾸지 말라는 것인데, 무조건 setName(), state함수를 통해 값을 바꿔야 한다. sta..

프론트엔드/React 2023. 2. 11. 20:50
이전 1 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프론트엔드
  • 자바스크립트 기초
  • JSP
  • 리액트
  • 스타일 컴포넌트 styled-components
  • CSS
  • jest
  • 인프런
  • next.js
  • 타입스크립트
  • 자바
  • 머신러닝
  • 딥러닝
  • styled-components
  • frontend
  • 프론트엔드 공부
  • rtl
  • 리액트 훅
  • 프론트엔드 기초
  • testing
  • 자바스크립트
  • 데이터분석
  • 디프만
  • HTML
  • 프로젝트 회고
  • react-query
  • Python
  • react
  • 파이썬
  • TypeScript
more
«   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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바