본문 바로가기

분류 전체보기52

[TIL] 220814 한 일 프로젝트 작업 layout 작업들 (모답, 탭, 지도 스타일 등) 회고 가볍게 쓰려고 만든 블로그인데 몇 주째 글을 업로드를 하지 않았다. 가벼운 회고를 쓰지 못할 정도로 바쁘지는 않았는데, 반성한다. 저녁에는 같이 프로젝트를 하는 동료와 프로젝트에 관한 회고를 하게 될 거 같다. 2022. 8. 14.
[TIL] 22.08.04 한 일 알고리즘 스터디 프로젝트 마크업 회고 조금 산발적으로 공부를 하고 있다. 깊이 있는 학습이 참 중요한데 아쉽다. 좋은 글을 읽다 보면 또 다른 좋은 글을 발견하게 되서 하나에 대해서 깊게 고민 할 시간이 부족해지는 거 같다. 효율적으로 state를 관리하기 위해서 어떤 고민의 과정을 하면 좋을지에 대한 글을 읽었다. 몇 개월전에 글로벌 스토어에서 상태들을 과도하게 관리를 하게 되었던 적이 있었다. 퍼포먼스에 문제는 일단 제쳐두고 편리함도 있었지만, 과도하게 store가 관리해야 할 게 많아져서 사용에 불편함도 꽤 있었는데,(장점도 꽤 있었다.) 아래 남긴 링크를 통해서 그때의 아쉬운 부분들이 많이 생각이 났고, 리액트에서 기본이라고 할 수 있는 상태관리에 대해서도 다시금 생각하게 되는 계기가 되었.. 2022. 8. 4.
[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.

티스토리툴바