choijming21 님의 블로그

  • 홈
  • 태그
  • 방명록

INPUT 1

자동 스크롤 useRef 적용하기 💫

제가 팀프로젝트에서 이번에 적용해야 할 것은 유저가 버튼(전체 스터디 보기)을 클릭했을 때, 자동으로 전체 스터디 컴포넌트로 스크롤 되는 동작을 구현해야 합니다:) 그럼 먼저 useRef에 대해 알아보도록 하겠습니다. 1. useRef란?React 공식 홈페이지에서는 ".current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다." 라고 설명하고 있습니다.쉽게 말하자면, useRef의 Ref는 reference(참조)의 줄임말로 저장공간 또는 DOM 요소에 접근하기 위해 사용되는 React Hook입니다. 주요한 특징은 특정한 DOM 요소에 접근이 가능하며, 불필요한 재렌더링을 하지 않는다..

인턴 2025.03.14
이전
1
다음
더보기
프로필사진

choijming21 님의 블로그

choijming21 님의 블로그 입니다.

  • 분류 전체보기 (117)
    • 개인과제 (16)
    • 수준별 분반 (10)
    • 팀프로젝트 (18)
    • 사전캠프 (1)
    • 강의 (16)
    • 알고리즘 (10)
    • 왓에버 (4)
    • 인턴 (42)

Tag

뉴스피드, 렌더링, 리렌더링, jotai, Vercel, getStaticProps, 팀프로젝트, ref, zod, 오류, Troubleshooting, react, 객체, 자동스크롤, 도커, 트러블슈팅, nextjs, docker, 반응형, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바