끄적끄적 보니타

GitHub Trending: January 6, 2026 — The Great Coding Agent Race 🏁 https://medium.com/@lssmj2014/github-trending-january-6-2026-the-great-coding-agent-race-49c42471ac5f GitHub Trending: January 6, 2026 — The Great Coding Agent Race 🏁Today marks a historic moment in AI coding: OpenCode overtakes Claude Code in GitHub stars, Microsoft enters voice AI, and educational…medium.com단순 한글 번역[GitHub 트렌딩:..

Chrome 개발자도구의 Console History가 너무 커져서 LocalStorage 용량 제한을 초과한 것 콘솔로 히스토리 삭제// Chrome 개발자도구 Console에서 실행localStorage.removeItem('console-history');// 또는 전체 삭제localStorage.clear();

1. shadcn/ui, 쉐드신 bash npx shadcn@latest init 특징: 복사/붙여넣기 방식, 코드 소유권 100%Tailwind CSS + Radix UI 기반커스터마이징 완전 자유트렌디한 디자인https://ui.shadcn.com/ The Foundation for your Design System - shadcn/uiA set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.ui.sh..

3달 전 유행했던 질문을 다시 해봤다based on everything you know about me roast me and dont hold back 한글로 대답요약이 너무 슬프잖아 ߹ - ߹ 인생 amend라니...

Model Context Protocol은 OpenAI가 제안한 표준 프로토콜언어 모델(예: ChatGPT)이 외부 시스템·데이터·도구와 안전하고 일관되게 상호작용하기 위한 규칙(프로토콜)즉, 모델이 단순히 “텍스트를 생성하는 것”을 넘어서,외부 API, 데이터베이스, 파일 시스템, 사내 시스템 같은 외부 리소스를 연결할 수 있도록 설계된 공식 확장 방식🔑 핵심 특징1. 표준화된 인터페이스 • JSON-RPC 기반 메시지 교환 • 모델 ↔ MCP 서버 간 통신이 일관되고 안전하게 동작2. 확장 가능 • 여러 MCP 서버를 동시에 붙일 수 있음 (예: Git 서버, DB 서버, CRM 서버 등)3. 보안성 • 모델이 임의로 외부 리소스에 접근하지 않고, 반드시 MCP 서버를 통해 접근 • 회사 내부망, ..

✅ Cline vs. Continue 요점 비교항목ContinueCline🧠 주요 기능대화형 AI 코드 어시스턴트 (Chat + 코드 작성·수정)계획-실행 기반 작업 자동화 (명령어 실행, 파일 생성 등)🔄 인터페이스사이드바 기반 GPT 인터페이스명령어 기반, 실행 로그 중심🧩 모델 지원GPT-4, Claude, Llama 등 다양하게 설정 가능동일, Anthropic/Claude 연동에 강점⚙️ 특징코드 맥락 이해 + 편한 사용성복잡한 자동화 작업에 더 강함🛠️ 활용 예함수 설명, 리팩터링, 디버깅파일 생성, 테스트 작성, 리포 구조 수정💻 설치VS Code 확장으로 설치VS Code 확장으로 설치 (GitHub 오픈소스) 🔍 핵심 차이Continue: "내가 물어볼게, 너 도와줘" → 채팅..

최신 ECMAScript 버전 요약:ECMAScript 2024 (ES2024): 미발표, 현재는 그 기능이 어떻게 될지에 대한 제안들이 논의되고 있는 상태ECMAScript 2023 (ES2023): ECMAScript 2023은 2023년 6월에 발표ECMAScript 2022 (ES2022): 주요 기능으로는 top-level await와 class fields가 포함ECMAScript 2021 (ES2021): 새로운 배열 메서드인 Array.prototype.at(), 논리적 연산자 &&=, ||=, ??= 등을 포함ECMAScript 2023 (ES2023) 주요 특징Array.prototype.toSorted(), toSpliced(), toReversed(), with(): 배열을 수정하지..

Windows 에서 잘 사용하던 git에서 갑자기 에러 뱉음 1. C:\Program Files\Git 찾아서 Git 폴더 삭제 2. 아래 페이지에서 Git 다시 설치https://git-scm.com/downloads/win  출처 : https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/git-pull-openssl-ssl-read-ssl-error-syscall-errno-0/m-p/657276

Web Vitals는 구글이 정의한 웹사이트 사용자 경험(UX) 품질을 측정하는 핵심 지표웹페이지의 로딩 속도, 인터랙션 반응 속도, 시각적 안정성을 평가해서 SEO(검색엔진 최적화)와 사용자 경험을 개선하는 데 도움을 줌.✔ Core Web Vitals (핵심 지표 3가지)현재 가장 중요한 Web Vitals 지표는 LCP, FID, CLS✔ 각 Web Vitals 최적화 방법① LCP (Largest Contentful Paint) → 로딩 속도 최적화🚀 문제: 페이지에서 가장 큰 콘텐츠가 늦게 로드되면 사용자 체감 속도가 느려짐✅ 해결 방법:이미지 최적화 → WebP 사용, 크기 조정, loading="lazy" 적용Critical Rendering Path 최적화 → preload로 중요한 리소..

SSG(Static Site Generation)는 웹사이트를 빌드할 때 미리 HTML 파일을 생성하여 제공하는 방식서버에서 동적으로 HTML을 생성하는 SSR(Server-Side Rendering)과 달리, SSG는 정적인 HTML을 미리 만들어서 배포 속도가 빠르고 서버 부하가 적은 것이 특징✔ SSG의 특징✅ 미리 생성된 정적 HTML 제공 → 빠른 로딩 속도✅ CDN 캐싱 최적화 가능 → 트래픽이 많아도 안정적✅ 서버가 필요 없거나 최소한의 리소스만 사용✅ 데이터가 자주 바뀌지 않는 페이지에 적합✔ SSG vs SSR vs CSR 비교✔ SSG를 지원하는 대표적인 프레임워크Next.js (getStaticProps, getStaticPaths 활용)Gatsby (GraphQL로 데이터 페칭)Hu..