1. Headless UI - 스타일이 적용되지 않은 UI 컴포넌트(링크) 더보기 - Tailwind CSS와 잘 연동되게 디자인 - React/Vue 용 컴포넌트들 ㅤ→ Menu (Dropdown) ㅤ→ Listbox (Select) ㅤ→ Switch (Toggle) ㅤ→ Disclosure ㅤ→ Dialog (Modal) ㅤ→ Popover ㅤ→ Radio Group ㅤ→ Transition ㅤ→ Tabs 2. Mind AR JS - 웹 증강현실 라이브러리 (링크) 더보기 - 이미지 트래킹 & 얼굴 트래킹 ㅤ→ 멀티 타겟 트래킹 가능 - WebGL을 통한 GPU 활용 - Web Worker 이용하여 훌륭한 성능 - Tensorflow.js 사용 3. Scroll-snap - 스크롤 중 멈추면 원하는 ..
1. PNG Parser Differential (링크) 더보기 - 병렬 디코딩 PNG 구현 버그를 이용해서, 애플 기기에서만 다르게 보이는 PNG 이미지 만들기 ㅤ→ 애플 기기에서는 "HELLO APPLE" 과 올드 매킨토시 이미지 ㅤ→ 그외 기기에서는 "HELLO WORLD" 와 구형 IBM PC가 보임 - 간단한 소스 코드를 공개해서 누구나 비슷한 이미지 생성 가능 2. Automa - 크롬 브라우저 자동화 확장 (링크) 더보기 - No-code 블록 연결 방식으로 웹 브라우저를 자동화 - 폼 자동 채우기, 반복 작업, 스크린샷 저장, 데이터 스크래핑 등의 다양한 작업 지원 (웹훅 호출, CSV/JSON Export, 탭/창 열기/닫기, 프레임 선택...) - 원하는 시간에 스케줄링 가능 3. la..
1. 정규식 공부 더보기 - 총 55 단계별 인터랙티브 학습 ㅤ→ 완전 기초부터 간단한 설명과 함께 정규식 문제를 풀면서 진행 ㅤ→ 실시간으로 실행 결과가 보여서 확인 가능 ㅤ→ 키보드 만으로 진행 가능 - Playground 및 Practice 추가 예정 - JavaScript 오픈소스 2. 웹 성능 지표 cheatsheet 더보기 - 사용자 중심 성능 지표를 4가지로 구성해서 설명하고, 목표해야 하는 점수를 나열 ㅤ→ 진행여부 : TTFB, FP, FCP ㅤ→ 유용성 : LCP, VC, SI ㅤ→ 사용 가능 여부 : FID, mFID, TBT, TTI ㅤ→ 쾌적함 : CLS, Frame Rate - Cheatsheet ㅤ→ Time to First Byte (TTFB)
