개발일지 2

1. 카카오 페이지 클론코딩 해보기 - 페이지 분석하기

들어가기 전에저는 개인적으로 좋아하는 카카오 기업의 기술을 어떻게 어깨너머로라도 배워볼까 생각을 하다가카카오 페이지를 클론코딩 하기로 생각했습니다https://page.kakao.com/ 카카오페이지오리지널 독점 웹툰, 웹소설 부터 책 까지 한 곳에서 즐기세요. 인기 콘텐츠가 기다리면 무료!page.kakao.com클론코딩을 진행하면서 제가 몰랐던 기술들이나 설계방식을 배워보려고 합니다 순서 1. 카카오 페이지 분석하기카카오 페이지를 직접 들어가서 어떤 기술들로 구현이 되어있는지 확인해보려고 합니다 2. 설계하기(요구사항 정의하기)분석한 카카오페이지를 제 나름대로 재설계해보려고 합니다저의 경우는 대체할 데이터(웹툰)가 없기 때문에다른 작가들이 이용하는 이미지를 업로드하는 페이지로 대체하겠습니다 3. 구현..

개발일지 2025.04.09

react 성능 최적화 - 대규모 렌더링 최적화

10만개의 데이터를 화면에 렌더링하면 어떻게 될까?이 글은 레퍼런스를 참고해 아이디어를 얻었습니다 React v18: useTransition hook — Why???React v18 introduced the useTransition hook, which may seem like just another hook but let’s look...dev.to 10만개의 비동기 데이터를 생성하고 렌더링 시키고 최적화를 해보려고 합니다(10만개의 데이터는 성능에 부하가 걸릴정도의 연산 데이터를 사용하겠습니다)값을 구하는 코드const cache = new Map>()export const NUMBER_SIZE = 100_000function factorial(n: number): number { let res..

개발일지 2025.03.27