Jbee

## Android Debugging Environment 세팅 안드로이드 디버깅을 위한 도구 [https://github.com/Genymobile/scrcpy](https://github.com/Genymobile/scrcpy) 를 설치한다. ``` $ brew install scrcpy $ brew cask install android-platform-tools ``` ## 모바일 폰과 맥북 연결 1. '개발자...

```js function downloadObjectAsCSV(exportData, fileName){ const universalBOM = "\uFEFF"; const dataset = "data:text/csv;charset=utf-8," + encodeURIComponent(universalBOM+exportData) const downloadAnchorNode = document.createElement('a') downloadAnchorNode.setAttribute("href", dataset); downloadAnchorNode.setAttribute("download", fileName + ".csv") document.body.appendChild(downloadAnchorNode) downloadAnchorNode.click() downloadAnchorNode.remove() } ``` 위...

Code Review에 대한 정리

11

# 코드 리뷰(Code Review) ## What? > 코드 리뷰란 무엇인가 '코드 리뷰'란 말 그대로 자신이 작성한 코드에 대해 다른 개발자를 리뷰어로 지정하고 리뷰를 받는 것을 말한다. pre-commit review , post-commit...

Mastering Organizing Conference

1

# 마스터링 오거나이징 콘퍼런스 ## 👩🏿‍✈️ 총괄 (chairman) #### 전 - 결정이 필요한 사항에 대해 결정권을 가짐. - 행사의 철학 및 identity 리마인드 - CoC 정리 - 행사 준비 스케쥴링...

Chrome Extensions

2

# Chrome Extension for Rich GitHub ## [Octodirect](https://chrome.google.com/webstore/detail/octodirect/fmhgcellhhleloebmhbmdncogdddkkag?hl=ko) - 자신의 저장소, Star를 누른 저장소 그리고 이전에 방문했던 저장소로 바로 이동할 수 있도록 도와주는 extension입니다. ## [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=ko) - GitHub Repository 화면에서...

IntersectionObserver 정리

5

## Lazy loading IntersectionObserver에 대해서 정리하자. - https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API - https://www.quirksmode.org/blog/archives/2017/10/intersection_ob.html

Optimistic UI/UX 관련 자료 정리. 실험들 정리

1

# Optimistic UI > '낙관적인 상황을 가정하여 설계한 사용자 인터페이스'이라는 뜻 ## What? API를 호출하고 응답이 오기 전까지 기다렸다가 상태를 바꾸면 delay를 주는 느낌이 발생한다. 우선 상태값을 변경한 후 api...

## Description `useEffect`는 dependency list에 걸려있는 값이 변경될 때 실행된다. 또한 처음 렌더링 될 때도 실행된다. 즉 class component에서의 `componentDidMount`, `componentWillUnmount` 그리고 `componentDidUpdate` lifecycle에서 실행시킬 함수를 callback으로 넘겨받는 API이다. 데이터를...

Prevent body's scroll with modal component

1

### Reference - https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js - https://github.com/mui-org/material-ui/issues/5750 - https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-y

## Description 언제부터인가 VSCode가 자동 업데이트 되지 않았음. 늘 뜨던 에러지만 사용하는 문제 없어서 바쁘니까 무시했는데 그 에러가 원인이었다. `Could not create temporary directory!` ## Solution 자동 업데이트를 관리하는 `com.microsoft.VSCode.ShipIt`라는...