Nochi's Identity

  • 홈
  • 태그
  • 방명록

Windowing 1

Virtualize List with react-window

글또 9기로써 첫 글이다. 저번 달부터 갑작스럽게 살고 있는 집이 경매로 넘어가버려서 시작부터 1회차를 패스하였는데, 이제 글을 제대로 써보려고 한다. 올해 5월 회사에서 LCK Korea에서 사용할 웹 사이트를 제작할 때의 일이다. 그 당시 제품의 필터 구조에서 (list)와 (list)가 있었다. 리그(예시: 2023 LCK Summer)를 선택하면 해당 리그의 모든 경기를 의 으로 보여주는 방식이었다. 한 리그를 onClick하면 에서 약 90개 정도의 을 보여주었다. 그때까진 웹에서 크게 부담이 없었고, 무사히 넘어갈 수 있다고 생각했다. 그러나 쉽게 넘어가는 날이 없었다. 고객사 측에서 연락이 왔다. “에 [전체]라는 list item을 추가하고 에는 지금까지 있었던 모든 게임을 보여주세요.” ..

Front-End 2023.12.17
이전
1
다음
더보기
프로필사진

Nochi는 러시아어로 '밤'이란 의미입니다. 🌙

  • 분류 전체보기 (21)
    • Oracle(오라클) (5)
    • C# (0)
    • JavaScript (5)
    • Front-End (7)
    • readme.md (2)
    • F-lab 모각코 챌린지 (0)

Tag

답변 스크립트, 브라우저, React-Native, f-lab #모각코 #타입스크립트 #typescript, f-lab, 자바스크립트, V8, react, 모각코, 마이크로태스크, 서버리스 #AWS, 주스탠드, fe-driliing, 렌더링패턴, 브라우저렌더링, react-window, JavaScript, V8 #가비지컬렉션, 리스트 가상화, F-Lab 모각코 챌린지,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바