Mo's Develog

  • 홈
  • 태그
  • 방명록

Interaction 1

애플 사이트 인터렉션

HTML, CSS, JS => 리액트화 시 어려웠던 점 useEffect안에서 closures 뷰 포트의 스크롤에 따른 섹션인덱스 값을 관리하기 위해 addEventListener scroll을 useEffect에서 걸었는데 eventListener의 callback 함수안에서 section index값이 변하지 않는 문제를 맞이했다. ⚠️scroll Event처럼 정말 예민한(?), 변화가 엄청 많은 이벤트 콜백함수안에서 setState를 사용한다는 것은 솔직히 좋지 못한 것이라고 생각한다. 내부에서 state가 변경될 때마다 리렌더링이 일어나기때문이다. 하지만 다행히도(?) 위 콜백함수 안에서는 뷰포트에 따른 섹션이 변경될 때만 setState가 작동하므로 사용하는 것이 무리없다고 생각하였다. 자, ..

Interaction 2023.01.13
1
더보기
프로필사진

  • 분류 전체보기 (279)
    • Website (23)
      • HTML (8)
      • CSS (15)
    • Java (81)
    • Oracle (7)
    • JSP (16)
    • Node.js (15)
    • React (26)
    • JavaScript (80)
      • Javascript (26)
      • Javascript_Advanced (24)
      • Modern JS Deep Dive (5)
      • ES6 (25)
    • GraphQL (2)
      • 찍먹해보기 (2)
    • TypeScript (12)
    • webpack (3)
    • NextJS (3)
    • CS (1)
    • 기타 (4)
    • Interaction (1)
    • react-query (0)
    • 문제해결 (0)
      • CSS (0)
    • AWS (1)
    • 코딩테스트 (2)

Tag

webpack, nodejs, babel, REST API, JavaScript, react, TypeScript, express, java, HTML, JSP, graphql, SQL, CSS, oracle, node.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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 :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바