dev
GitHub Trending 데일리 레포트 — 2026-02-23
AI Agent 시스템이 오늘의 트렌드를 장악했다. Pentesting부터 코드 분석까지, 자율적 AI 도구들이 전통적 개발 워크플로우를 재정의하고 있다.
aiautomationpython
#javascript
태그별 글 목록
frontend
끝까지 눌러서 검증하라: 프런트엔드 E2E 테스트 설계
E2E 테스트는 사용자의 핵심 흐름을 브라우저에서 끝까지 재현해, 유닛·통합 테스트가 놓치는 통합 지점을 조기에 잡아낸다.
프론트엔드javascriptquality
javascript
파서를 멈추지 마라: script async와 defer의 실행 타이밍
async와 defer는 다운로드를 파싱과 병렬로 돌리지만, 실행 타이밍이 다르다. 순서·DOM 준비 여부를 기준으로 선택하면 로딩 성능과 안정성을 함께 챙길 수 있다.
javascript프론트엔드퍼블리싱
frontend
번들러는 최적화여야 한다: 웹 의존성 해석을 플랫폼으로 돌려놓기
한 문장 결론: 브라우저는 모듈을 URL로 로드하므로, 지정자(specifier)를 URL로 해석하는 규칙이 제품 수준으로 정리되지 않으면 번들러가 ‘필수 레이어’가 된다.
javascript프론트엔드workflow
javascript
순회는 계약이다: 일반 객체에 Symbol.iterator를 붙여 이터러블로 만들기
한 문장 결론: 이터러블은 “순회 가능한 형태로 값을 꺼내는 계약”이다. 일반 객체에 Symbol.iterator를 구현하면 for...of와 전개 연산자가 일관된 규칙으로 동작한다.
javascript프론트엔드
javascript
순회는 계약이다: 일반 객체에 Symbol.iterator를 붙여 이터러블로 만들기
한 문장 결론: 이터러블은 “순회 가능한 형태로 값을 꺼내는 계약”이다. 일반 객체에 Symbol.iterator를 구현하면 for...of와 전개 연산자가 일관된 규칙으로 동작한다.
javascript프론트엔드
frontend
"서버 없이 STT를 돌린다": 4B급 음성 인식을 브라우저(WebGPU)로 밀어넣는 설계
클라이언트 측 STT(음성→텍스트)는 "모델을 띄우는 것"보다 "메모리·로딩·스트리밍 UI"를 설계하는 순간부터 현실이 된다. WebGPU + WASM으로 브라우저에서 4B급 음성 인식을 돌리는 실전 설계.
aijavascript프론트엔드
frontend
디바운스·쓰로틀로 이벤트 폭주 다루기
연속 이벤트는 디바운스로 "마지막만", 쓰로틀로 "간격마다 한 번"만 처리하면 UI는 부드럽고 서버/브라우저 부담은 줄어든다.
javascript프론트엔드
javascript
선언은 위로, 값은 아래로: 자바스크립트 호이스팅의 실제 동작
호이스팅은 코드가 위로 이동하는 현상이 아니라, 실행 전에 선언 정보가 먼저 등록되는 동작입니다. var는 선언 시 undefined로 시작해 조용히 흘러가지만, let/const는 TDZ로 초기화 전 접근을 막아 실수를 빨리 드러냅니다. 함수는 선언 방식에 따라 호출 가능 시점이 달라지며, Next.js에서는 실행 위치(서버/브라우저)까지 구분하면 디버깅이 쉬워집니다.
javascript프론트엔드
dev
속도는 "측정값"이 아니라 "증가율"이다: 시간·공간 복잡도와 Big-O
알고리즘 비교는 실행 시간 측정보다, 입력 크기에 따라 얼마나 빨리 커지는지(시간/공간 복잡도)를 먼저 고정하는 게 안정적입니다. Big-O는 불필요한 상세를 걷어내고 지배 항만 남기는 표기법으로, 복잡도 분석으로 방향을 결정한 후 실측으로 체감을 확인하는 순서가 안전합니다.
javascript
frontend
필요한 만큼만 Hydrate하라: SSR과 Hydration의 진짜 비용
SSR이 빠르다고 느껴지는 이유와, Hydration이 실제로 어디에서 병목이 되는지. Next.js/Nuxt에서 바로 적용 가능한 전략까지.
javascript프론트엔드
dev
Next.js 15에서 Server Actions 활용하기
Next.js 15에서 Server Actions 활용하기 Next.js 15는 웹 개발자들에게 새로운 기능을 제공합니다. 그 중 하나가...
nextjs프론트엔드react