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

time to wander

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

time to wander

검색하기 폼
  • 분류 전체보기 (133)
    • review (0)
    • Javascript & Typescript (12)
    • React (17)
    • HTML & CSS (2)
    • Algorithms (40)
    • Python (0)
    • Java (4)
    • DevOps (1)
    • Git (1)
    • ErrorLog (0)
    • etc. (7)
    • what i learned (49)
      • TIL (40)
      • 회고록 (9)
  • 방명록

useRef (1)
[React] useRef() 리스트와 scrollIntoView()를 이용해서 인스타그램처럼(?) 클릭한 이미지 바로 보여주기, forwardRef()

내가 썼지만 무슨 말인지 잘 모르겠는 제목..! 말 그대로 특정 이미지를 클릭하면 클릭한 이미지를 바로 크게 보여주고, 위나 아래로 스크롤하면 이전 이미지와 다음 이미지를 계속해서 볼 수 있는 쪼끄맣지만 소중한 기능이다..! 구현하게된 계기 지난 주 일요일, 정말 부랴부랴 실전 프로젝트의 프로덕션 배포를 했다. 런칭이 계획보다 훨씬 늦어지는 바람에 피드백을 적게 받으면 어떡하지 라는 걱정을 했었는데, 다행히 정말 많은 분들이 새로운 시선으로 자세히 봐주신 덕분에 UX 개선에 도움이 되는 피드백을 많이 받을 수 있었다! 그 중 짤방 페이지에 대한 피드백도 있었는데, 목록에서 어떤 이미지를 보려고 클릭해서 디테일 페이지로 이동한 후 또 다른 이미지를 보려면 다시 뒤로 가기를 눌러야 하는 과정이 불편하다는 피..

React 2022. 1. 30. 22:27
이전 1 다음
이전 다음
링크
  • github
  • resume
TAG
  • 항해99
  • 프로그래머스
  • Wil
  • 자바스크립트
  • 알고리즘
  • JavaScript
  • react
  • Til
  • java
  • 회고록
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
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바