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

Just Make IT

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

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

react ref (1)
리액트의 ref 알아보기

ref의 역할은 무엇일까요?특정 엘리먼트를 사용해야 할 때 우리는 그 엘리먼트에 아이디를 주고, 그 아이디를 통해서 해당 엘리먼트를 사용합니다. jsx를 통해서 엘리먼트에 아이디 값을 주면 어떻게 될까요? 리액트 컴포넌트의 경우 여러번 사용될 수 있습니다. 그래서 jsx를 통해서 전달된 아이디를 가진 엘리먼트들이 재사용된 만큼 나타나게 됩니다. 즉 동일 아이디를 가진 엘리먼트들이 생기게 되는 것이죠. 그래서 리액트 컴포넌트에서는 아이디값을 주지 않고, className으로 클래스 값만 주는 것입니다. 아이디는 없지만 특정 엘리먼트를 지정해야할 때 사용하는 것이 ref입니다. 리액트에서 엘리먼트나 컴포넌트의 id 역할을 하는 것이 ref(reference) 입니다. ref 사용해보기버튼을 누르고 난 뒤에 ..

Frontend-dev/react 2018. 11. 14. 20:04
이전 1 다음
이전 다음
TAG
  • 리액트
  • python
  • html
  • 반응형 웹
  • React
  • JavaScript
  • 자바스크립트
  • 파이썬 예제
  • three.js 튜토리얼
  • 리액트 라우터
  • es6
  • 장고 튜토리얼
  • 깃허브
  • responsive web
  • 스크래핑
  • css grid
  • flex
  • css
  • 반응형 웹 예제
  • 플렉스
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바