본문 바로가기

전체 글52

[TIL] 220726 한 일 알고리즘 공부 react When to useMemo and useCallback 정말 좋은 글이었다. useMemo, useCallback 이 어떻게 메모이제이션을 하는지 조금 더 확실하게 알 수 있었다. 회고 조금씩이지만 꾸준히 학습하는 것 그게 중요한 거 같다. 최근에 예전 동료의 블로그를 살펴봤는데 좋은 글이 많았다. 자극이 된다. 2022. 7. 26.
브라우저 렌더링 제 velog에 썼던 글을 티스토리에 옮겼습니다. 브라우저 렌더링에 대해서 꽤 예전에 학습을 했었는데 다시금 볼 기회가 생겨서 좋았습니다. 브라우저의 렌더링 과정 요약 1. DOM, CSSOM 생성 HTML CSS 파일은 각각 DOM Tree와 CSSOM 으로 만들어집니다. 파일을 연산과 관리에 유리하도록 Object Model로 만들게 됩니다.2. Running JavaScript (옵션?) JavaScript를 통해서 DOM Tree와 Render Tree를 수정할 수 있습니다.3. Redner Tree 생성 DOM Tree와 CSSOM Tree로 Render Tree를 생성합니다. 순수한 요소들의 구조와 텍스트만 존재하는 DOM Tree와는 달리 Redner Tree에는 스타일 정보가 설정되어 있으.. 2022. 7. 23.
TIL - 220722 회고 지난 작업 내역 팀 프로젝트 (Page animation) 작업 및 위지윅 업데이트 CS 공부 react-native recyclerlistview *라이브러리 활용 - (이미 정리를 한 글이 있는데 상세하게 정리를 하고자 한다.) calendar - react-native-calendars * 라이브러리 활용 (워낙 라이브러리가 잘 되어 있어서 간단하게 커스텀해서 사용할 수 있었다) push notification * firebase의 cloud message를 활용했다. ios 환경에서는 애플 계정이 필요한 거 같다. (언젠가 글로 작성할 예정이다) naver map * 라이브러리 활용 - ios 시뮬레이터에서는 문제가 발생하는데 트러블슈팅이 쉽지 않았고 여전히 문제가 있다. 회고 최근 자바스크립트 .. 2022. 7. 22.
recyclerlistview Flatlist 프레임 드랍 1500 개 이상의 데이터 셋일 때 발생 300개 이상 부터 확연한 차이가 있긴 하다. (그렇다고 못 쓸 정도는 아님) 함수형 참고 자료 scrollview_vs_flatlist_vs_recycler_list_view 성능비교 install npm install --save recyclerlistview 필수 및 주요 props 전체 props link ### 필수 props - layoutProvider - height, width 레이아웃 처리 - dataProvider - 각 엘리먼트 데이터 처리 - rowRenderer - RecylerListView 내에서 render 되는 컴포넌트되는 요소 type, data, index를 반환 ### 주요 props - onEnd.. 2022. 7. 14.