October 27, 2024 • ☕️ 5 min read
Ref
Grafana
Prometheus
Loki
👩🏫 정리
- Grafana: 데이터 시각화 및 대시보드 도구
- Prometheus: 시계열 데이터베이스, 모니터링 및 알람 도구
- Loki: 로그 수집 및 분석 도구 (로그 기반 모니터링)
noUncheckedIndexedAccess
false
설정 시 객체, 배열 인덱스 접근 시 undefined를 고려하지 않는다.
const obj: Record<string, string> = {};
const core = obj['core'] // string 타입
const arr: string[] = [];
const first = arr[0] // string 타입
배열의 arr[0]으로 접근할 때는 undefined를 고려하지 않기 때문에 위험하다.
noUncheckedIndexedAccess
에false
값을 주고 싶다면Array.prototype.at
으로 접근하는 것이 더 안전하다.
merge commit
은 2가지 부모를 가지기 때문에, merge commit
을 revert
할 때는 --mainline
옵션으로 어떤 부모를 기준으로 돌릴지 명시해줘야 한다.
git revert -m [돌아갈 부모 번호] <merge-commit-hash>
git show <merge-commit-hash>
나 git cat-file -p <merge-commit-hash>
로 확인할 수 있다.포커스를 페이지에서 DevTools로 전환하면 포커스로 트리거되는 일부 오버레이 요소가 자동으로 숨겨진다.
ex) 드롭다운 목록, 메뉴 또는 날짜 선택 도구
check_box 포커스가 설정된 페이지 에뮬레이션 옵션을 사용하면 포커스가 있는 것처럼 이러한 요소를 디버그할 수 있다.
Ref https://developer.chrome.com/docs/devtools/rendering/apply-effects?hl=ko#emulate_a_focused_page
텍스트 입력시 시각화 자료를 생성해주는 도구
손글씨/표도 인식하는 OCR 오픈소스
Ref https://github.com/getomni-ai/zerox
한국어로 된 날짜와 시간 표현을 파싱해주는 라이브러리
ex) ‘내일’ -> 10월 28일 날짜 객체
Ref https://github.com/youngkyo0504/ko-date-parse
네트워크 요청을 전부 기록한 json 형태의 파일
활용처는 다음과 타다.
TanStack 아저씨 진짜 신기하네…
풀스택 리액트 개발 도구라는 것 같다.
Ref https://www.youtube.com/watch?feature=shared&v=AuHqwQsf64o
UI라이브러리 문법을 비교할 수 있는 사이트
Ref https://github.com/matschik/component-party.dev
ㅋㅋㅋ 오랜만에 정말 공감가는 영상
Ref https://www.youtube.com/watch?v=swXWUfufu2w
인생 과제들을 조금 정리해가는 듯 싶더니
그동안 누적된 스트레스에 몸이 단단히 고장나고 말았다.
나약한 인간에 비해 인생은 너무 어려워 😞