전체 글 23

Ego Lite Browser 설치와 로그인 세션 재사용: Codex 연결 문제부터 Playwright 차이까지

브라우저 자동화를 붙였는데 로그인 화면부터 다시 나오거나, 스킬을 설치했는데 ego-browser 명령을 찾지 못하는 경우에는 무엇부터 확인해야 할까요? 앱 설치, 에이전트의 스킬 인식, 브라우저의 로그인 상태를 나눠 점검하면 원인을 좁히기 쉽습니다.Ego Lite Browser, 공식 표기 ego(lite)는 사람과 AI 에이전트가 함께 쓰도록 만든 Chromium 기반 브라우저입니다. Codex나 Claude Code 같은 외부 에이전트가 ego-browser를 통해 화면을 조작합니다. 이 글은 설치 확인 → 연결 문제 점검 → 로그인된 화면 검증 순서로 정리합니다. 마지막에는 이미 Playwright를 쓰는 프로젝트에서 역할을 어떻게 나눌지도 살펴봅니다. 공식 제품 소개2026년 10월 27일(한국..

프론트엔드 2026.10.27

Codex CLI 0.164.0에서 /presets로 반복 리뷰 프롬프트 관리하기

프론트엔드 PR을 리뷰할 때는 비슷한 질문을 반복합니다. 키보드로 조작할 수 있는지, 로딩 중 중복 요청이 생기지 않는지, 공용 컴포넌트 변경이 다른 화면에 영향을 주는지 확인합니다. 매번 지시를 다시 쓰면 급한 날일수록 검토 항목이 빠지기 쉽습니다.2026년 10월 23일 공개된 Codex CLI 0.164.0에는 반복 프롬프트와 슬래시 명령을 저장하는 /presets가 추가됐습니다. 번호가 있는 슬롯 10개를 사용할 수 있습니다. 이 글에서는 이를 변경 사항을 검토하는 재사용 프롬프트로 구성해 봅니다. 공식 릴리스 노트이 글은 2026년 10월 26일 확인한 공식 릴리스와 구현 PR을 바탕으로 작성한 사용 가이드입니다. 아래 흐름을 실제 CLI에서 실행 검증하지는 않았습니다.무엇을 저장할까이전 글의 ..

프론트엔드 2026.10.26

Sequel Pro에서 Sequel Ace로: 2025년 macOS 개발자를 위한 최고의 MySQL 툴

Sequel Pro에서 Sequel Ace로: 2025년 macOS 개발자를 위한 최고의 MySQL 툴macOS에서 MySQL/MariaDB를 다루는 개발자라면 한 번쯤은 들어봤을 Sequel Pro. 깔끔한 인터페이스와 직관적인 사용법으로 많은 개발자들의 사랑을 받았던 이 툴이 더 이상 업데이트되지 않는다는 사실을 알고 계시나요? 2020년 공식적으로 개발이 중단된 Sequel Pro의 뒤를 이어 등장한 Sequel Ace가 과연 그 빈자리를 채울 수 있을까요?오늘은 두 툴의 차이점을 자세히 살펴보고, 왜 2025년 현재 Sequel Ace로의 마이그레이션이 필요한지 알아보겠습니다.Sequel Pro, 왜 중단되었을까?Sequel Pro는 2008년부터 시작되어 macOS 개발자들에게 없어서는 안 될 ..

전체 2025.06.24

Next.js 프로젝트에서 AI IDE 글로벌 룰 설정하기: 일관성 있는 코드베이스 만들기

Next.js 프로젝트에서 AI IDE 글로벌 룰 설정하기: 일관성 있는 코드베이스 만들기AI 기반 개발 도구가 일상화된 지금, 프로젝트 전반에 걸쳐 일관된 코딩 스타일과 규칙을 유지하는 것이 더욱 중요해졌습니다. 특히 Next.js 프로젝트에서는 페이지, 컴포넌트, API 라우트 등 다양한 영역에서 통일된 패턴을 유지해야 하는데, 이때 글로벌 룰(Global Rule) 설정이 핵심적인 역할을 합니다.글로벌 룰이란 무엇이며 왜 중요한가?글로벌 룰은 프로젝트 전체에 적용되는 공통 규칙과 패턴을 의미합니다. AI IDE에서 이러한 룰을 설정하면, 코드 생성 시 자동으로 프로젝트의 컨벤션을 따르도록 할 수 있습니다. 예를 들어, 모든 컴포넌트에서 동일한 props 검증 방식을 사용하거나, API 라우트에서 일..

JAVASCRIPT/NEXTJS 2025.06.20

2025년 민생회복지원금 완벽 가이드: 최대 50만원, 누가 언제 얼마나 받을까?

2025년 민생회복지원금 완벽 가이드: 최대 50만원, 누가 언제 얼마나 받을까?🚨 핵심 요약정부가 2025년 하반기부터 전 국민을 대상으로 한 민생회복지원금 지급을 확정했습니다. 소득 수준에 따라 15만원에서 최대 50만원까지 차등 지급되며, 이는 이재명 정부 출범 후 첫 전국민 지원금입니다.📊 지급 금액 한눈에 보기구분1차 지급2차 지급총 지급액기초생활수급자15만원35만원50만원차상위계층·한부모15만원25만원40만원일반 국민15만원10만원25만원소득 상위 10%15만원제외 가능성15만원4인 가구 기준 최대 수령액: 200만원 (기초생활수급자 가구)🗓️ 지급 일정 및 절차현재 진행 상황6월 19일: 2차 추경안 국무회의 상정7월 중: 국회 심의 및 통과 예정8-9월: 지급 시작 예상지급 순서1차 ..

전체 2025.06.19

React useMemo vs useCallback: 언제 어떤 것을 써야 할까?

React useMemo vs useCallback: 언제 어떤 것을 써야 할까?React 성능 최적화를 하다 보면, useMemo와 useCallback이 자주 등장합니다. 하지만 이 두 훅은 헷갈리기 쉽습니다. 이 글에서는 "값을 캐싱할 것인가? 함수 자체를 캐싱할 것인가?"라는 질문으로 명확하게 구분하고, 각각의 개념과 예제를 통해 이해해봅니다.🤔 핵심 차이점부터 이해하기간단히 말하면:useMemo: 계산된 값을 기억합니다useCallback: 함수 자체를 기억합니다이 차이점을 머릿속에 새기고 시작해봅시다.📊 useMemo: 값을 메모이제이션하기useMemo는 비용이 많이 드는 계산의 결과를 캐싱합니다. 의존성 배열이 변경되지 않는 한, 이전에 계산된 값을 재사용합니다.언제 사용하나요?큰 배열을..

JAVASCRIPT 2025.06.16

호르무즈 해협 다시 흔들리다: 유가·해운 대격변 예고

호르무즈 해협 다시 흔들리다: 유가·해운 대격변 예고지난 6월 13일 이스라엘의 이란 대규모 공습과 그에 따른 이란의 보복 공격으로 중동 정세가 급격히 악화되면서, 세계 석유 수송의 핵심 요충지인 호르무즈 해협이 다시 국제사회의 주목을 받고 있다. 이란이 해협 봉쇄를 "심각하게 검토" 중이라고 발표하면서 글로벌 에너지 시장과 해운업계에 비상등이 켜졌다.1. 무엇이 일어났나: 이스라엘-이란 충돌 격화사상 최대 규모의 공습2025년 6월 13일 오전 4시, 이스라엘이 "일어나는 사자" 작전을 개시하며 이란 전역의 핵시설과 군사시설을 대대적으로 공격했다. 이번 공격은 1980년대 이란-이라크 전쟁 이후 이란에 가해진 최대 규모의 공격으로 평가된다.현재까지 224명 이상이 사망하고 1481명 이상이 부상당했으며..

전체 2025.06.16

React 성능 최적화: useMemo vs React.memo 완벽 가이드

React 성능 최적화: useMemo vs React.memo 완벽 가이드React 애플리케이션이 커지면서 성능 이슈를 마주하게 되었나요? 컴포넌트가 불필요하게 다시 렌더링되거나, 무거운 계산이 반복되어 앱이 느려지는 경험을 해보셨을 것입니다. 오늘은 이런 문제를 해결하는 두 가지 핵심 도구인 useMemo와 React.memo의 차이점과 올바른 사용법을 알아보겠습니다.🎯 한 줄 요약부터 시작하기useMemo: "계산 결과를 메모장에 적어두기" - 비싼 계산을 반복하지 않기 위해React.memo: "똑같은 정보로 문서를 다시 인쇄하지 않기" - 동일한 props로 컴포넌트를 다시 렌더링하지 않기 위해💡 왜 이 두 도구가 필요한가요?React는 기본적으로 부모 컴포넌트가 리렌더링되면 모든 자식 컴포..

JAVASCRIPT/NEXTJS 2025.06.16

HTTP 422 상태 코드 완벽 가이드

HTTP 422 상태 코드 완벽 가이드:HTTP 상태 코드가 뭔가요?HTTP 상태 코드는 마치 택배 송장 상태와 비슷해요. 온라인 쇼핑몰에서 주문을 하면 "주문 접수", "배송 준비 중", "배송 완료" 같은 상태를 확인할 수 있잖아요? HTTP 상태 코드도 똑같습니다. 브라우저가 서버에 요청을 보내면, 서버는 "잘 받았어요(200)", "찾는 페이지가 없어요(404)", "서버에 문제가 생겼어요(500)" 같은 상태를 숫자로 알려줍니다.상태 코드는 첫 번째 숫자에 따라 의미가 달라져요:2xx: 성공했어요! (200 OK, 201 Created)3xx: 다른 곳으로 이동해주세요 (301 Moved, 302 Found)4xx: 클라이언트(브라우저)가 잘못했어요 (400 Bad Request, 404 Not..

프론트엔드 2025.06.11

Laravel에서 데이터 삽입하기: Bulk Insert vs 반복문 Insert 완벽 비교

Laravel에서 데이터 삽입하기: Bulk Insert vs 반복문 Insert 완벽 비교이 글에서 다룰 내용Bulk Insert와 반복문 Insert의 기본 개념과 차이점각 방식의 구체적인 코드 예제와 사용법성능 차이가 발생하는 이유와 실제 벤치마크 결과실무에서의 선택 기준과 주의사항각 방식의 장단점과 트레이드오프두 방식의 기본 개념: 택시 vs 버스의 비유Laravel에서 여러 개의 데이터를 데이터베이스에 삽입할 때는 크게 두 가지 방식을 사용할 수 있습니다. 이를 일상생활의 교통수단에 비유해보겠습니다.반복문 Insert는 마치 여러 명의 승객을 각각 다른 택시로 목적지에 보내는 것과 같습니다. 한 명씩 개별적으로 처리하기 때문에 안전하고 확실하지만, 비용과 시간이 많이 듭니다.Bulk Insert..

PHP/Laravel 2025.06.11