CSS Grid 상세 설명: 2차원 레이아웃을 제대로 이해하고 쓰는 방법
CSS Grid의 기본 구조부터 grid-template-columns, fr, repeat(), minmax(), grid-area, 반응형 카드 레이아웃까지 실무 관점에서 자세히 정리합니다.
hebi_admin
총 232개의 글
Ponytail 소개: AI 코딩 에이전트에게 게으른 시니어 개발자의 판단을 입히는 도구
Ponytail은 AI 코딩 에이전트가 불필요한 코드, 의존성, 추상화를 만들기 전에 기존 코드와 플랫폼 기본 기능을 먼저 확인하도록 돕는 오픈소스 규칙 세트다. AI 코딩 workflow에서 과구현을 줄이고 필요한 구현만 선…
obra/superpowers 소개: AI 코딩 에이전트에 개발 방법론을 입히는 방식
GitHub 저장소 obra/superpowers가 AI 코딩 에이전트의 작업 흐름을 어떻게 계획, 테스트, 검토, 검증 중심으로 바꾸는지 소개합니다.
갤럭시 Z 플립8·폴드8 출시일과 가격, 지금 기다려도 될까?
갤럭시 Z 플립8·폴드8 출시일, 가격, 사전예약 체크 포인트와 전작 구매 여부를 함께 비교해 구매 타이밍을 정리합니다.
Next.js에서 .next 폴더는 어떤 역할을 할까?
Next.js 프로젝트에서 자동으로 생성되는 .next 폴더의 역할을 개발 서버, 프로덕션 빌드, 캐시, Git 관리, 배포 흐름 관점에서 쉽게 정리합니다.
행과 열 쉽게 구분하기: 2열 종대까지 한 번에 외우는 방법
행은 가로줄, 열은 세로줄이라는 기본 개념부터 2열 종대의 뜻, 엑셀과 표에서 행과 열을 구분하는 쉬운 기억법까지 초보자도 이해하기 쉽게 정리합니다.
Vite 프로젝트에서 Vitest로 테스트 환경 시작하기
Vite 프로젝트에서 Vitest를 설치하고 실행 스크립트, vite.config 설정, jsdom 환경 선택, 실무 테스트 도입 순서를 정리합니다.
GEO(Generative Engine Optimization)를 실제 프로젝트에 반영하는 방법
GEO를 실제 프로젝트에 적용할 때 콘텐츠 구조, FAQ 설계, 브랜드 엔티티, 신뢰 신호, 출처 관리, 페이지 유형별 개선 항목을 어떻게 정리해야 하는지 설명합니다.
AEO 실제 프로젝트 반영 예시: 콘텐츠를 답변 엔진에 맞게 바꾸는 방법
AEO를 실제 콘텐츠 프로젝트에 반영하는 과정을 질문 수집, 기존 콘텐츠 진단, 답변형 구조 설계, 내부 링크와 신뢰 요소 정리, 성과 확인 흐름으로 설명합니다.
실생활에서 AI를 써 보니 달라진 것들
AI를 일상에서 직접 써 보며 생각 정리, 일정 관리, 글쓰기, 요약, 문장 다듬기에 어떤 도움이 되었는지와 사람이 확인해야 할 한계를 정리한 생활형 활용기입니다.