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

earthssu 개발 공부

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

earthssu 개발 공부

검색하기 폼
  • 분류 전체보기 (15)
    • 프론트엔드 (7)
      • CSS (2)
      • Javascript (1)
      • jQuery (1)
      • React.js (3)
    • 백엔드 (1)
    • 알고리즘 기록 (5)
      • Programmers (0)
    • 포스트 리뷰 (1)
    • 프로젝트 기록 (1)
  • 방명록

REF (1)
[React] ref와 useRef 사용법을 알아보자

최근 졸업 프로젝트를 시작하면서 다시 리액트를 공부해야 하는 상황이 생겼다. 이 프로젝트 내에서 ref를 유용하게 쓸 수 있을 것 같아 공부 겸 다시 정리해보려고 한다. 개념은 책 '리액트를 다루는 기술'을 참고했다. ref ? 일반적으로 HTML에서 DOM 요소에 이름을 달 때는 id를 사용한다. 그래서 CSS에서 특정 id에 스타일을 적용하거나 Javascript에서 특정 id에 접근해 작업할 수 있는 것이다. 이렇게 HTML에서 id를 사용해 DOM에 이름을 다는 것처럼 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법을 ref라고 한다. 어라 잠깐, 리액트 프로젝트에서는 id를 쓸 수 없는 건가? 쓸 수 있다! 그러나 리액트는 컴포넌트 단위로 이루어지는데, 컴포넌트가 여러 번 사용될 경우 '유일..

프론트엔드/React.js 2022. 4. 13. 10:57
이전 1 다음
이전 다음
Total
Today
Yesterday
최근에 달린 댓글
최근에 올라온 글
«   2025/07   »
일 월 화 수 목 금 토
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

티스토리툴바