Github stats 깨짐 해결하기 (Cannot read properties ...)
매일 작업하는 레파지토리만 띄워두다가 오랜만에 내 깃헙 메인 페이지를 봤는데, 무언가가 깨져있었다. 내가 한 commit, PR 등의 합계를 알려주는 요소(anuraghazra/github-readme-stats)가 있던 자리였다. 특정 이름들에게만 이러한 오류가 발생한다고 한다.... (이슈) 현재까지 제일 좋은 방법은 Vercel instance를 사용하는 거라고 하는데...한번 해결해보자. 1. origin repository fork Github-readme-stats 제작자의 orgin repository를 fork한다. 2. 깃헙 액세스 토큰을 발급한다. - Github 프로필 클릭시 나오는 Settings 클릭 - Personal access tokens 클릭하여 새로운 access toke..
[React] && 를 이용한 조건부 렌더링, 불필요한 0 렌더링 이유
boolean 값에 따라 렌더링 유무가 결정이 된다면 &&연산자를 사용하는게 더욱 효율적이라고 배웠다. 스터디 실습 과제로 숫자야구를 구현했고, 배운대로 && 연산자를 잘 사용하고 조건에 따라 렌더링도 잘 되는 것을 확인 할 수 있었다. 하지만 입력창 하단에 보이는 난데없는 0의 등장…😭 F12를 눌러 개발자 모드에서 html 파일을 봤을 때에 저 0이 단순 텍스트로 나와서 원인을 찾는데에 애먹었었다. 그리고 곧 이게 && 연산자를 조건부 렌더링 시 잘못 사용한 예제라는 것을 파악할 수 있었다. 🎯 원인 분석 리액트 공식문서에 있는 조건부 렌더링에 대해 살펴보자. JavaScript에서 true && expression은 항상 expression으로 평가되고 false && expression은 항상 f..
