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

김기지의 코딩노트

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

김기지의 코딩노트

검색하기 폼
  • 분류 전체보기 (165)
    • 코딩 (159)
      • Next.js (16)
      • 프로젝트 (9)
      • 한 입 크기로 잘라먹는 React.js (2)
      • 한 입 크기로 잘라먹는 타입스크립트 (42)
      • 코드스테이츠 (27)
      • 띵동코딩 (13)
      • 스파르타코딩-웹개발 (15)
      • 코딩노트 (30)
      • Dart (3)
      • App(Flutter, ReactNative) (2)
    • SQL (4)
  • 방명록

useRef (1)
[React] -useRef

🪝 useRef() 레퍼런스를 사용하기 위한 훅 더보기 📌 리액트에서 레퍼런스란? 특정 컴포넌트에 접근할 수 있는 객체를 의미한다. useRef()훅은 레퍼런스 객체를 반환한다. 레퍼런스 객체에는 .current라는 속성이 있는데 이것은 현재 레퍼런스(참조)하고 있는 엘리먼트를 의미한다. const 주소값을_담는_그릇 = useRef(참조자료형-> 초기값) 📍 useRef()훅을 사용하면 파라미터로 들어온 초기값으로 초기화된 레퍼런스 객체를 반환한다. 만약, 초기값이 null이라면 .current의 값이 null인 레퍼런스 객체가 반환된다. 반환된 레퍼런스 객체는 컴포넌트의 라이프타임 전체에 걸쳐서 유지된다. (컴포넌트가 마운트 해제 전까지는 계속 유지된다는 뜻) ➡︎ uesRef()훅은 변경 가능한 ...

코딩/코드스테이츠 2023. 2. 22. 23:49
이전 1 다음
이전 다음
최근에 올라온 글
Total
Today
Yesterday
TAG
  • React
  • React.JS
  • 상태관리
  • 클론코딩
  • 번들링
  • cdd
  • 개발
  • 프론트엔드
  • styled-component
  • 띵동코딩
  • 웹팩
  • 부트캠프
  • useRef
  • Next.js
  • 보안
  • 프레임워크
  • 인증
  • 정처기필기
  • 오블완
  • git 오류
  • 데이터요청
  • javascript
  • css
  • 타입스크립트
  • 코드스테이츠
  • 자바스크립트
  • 로컬 저장소
  • HTML
  • nextjs
  • 티스토리챌린지
more
«   2026/04   »
일 월 화 수 목 금 토
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
250x250

Blog is powered by Tistory / Designed by Tistory

티스토리툴바