Minhyeok's traces

AI에게 웹 작업을 맡겨보면, 답변을 잘하는 것과 브라우저를 원하는 대로 조작하는 것은 다른 문제라는 걸 느끼게 됩니다. 저는 Playwright MCP로 웹서핑을 시켜본 글에서 영화 목록을 조회해봤는데, 예매 사이트의 구조가 복잡하면 시간이 오래 걸리거나 의도와 다르게 작동하기도 했습니다. 이번에는 AI 에이전트가 내장된 브라우저인 Aside를 직접 설치하고 사용해봤습니다. 이 글에서는 설치와 초기 설정, 뉴스 요약과 제품 탐색, Claude Code 연결 방법을 정리합니다. 처음 사용하는 분은 모델 설정까지 먼저 따라 해보고, 터미널 연동이 필요한 경우에만 CLI 연결 부분을 보시면 됩니다. 읽기 전 참고: 메뉴와 제공 기능은 작성 당시 제가 사용한 화면을 기준으로 설명합니다. 요금제, 크레딧, 연결..

Claude Code Mods로 화면을 꾸미고 싶은 분을 위해, 공식 token-weather 샘플을 검증하고 실행하는 과정부터 직접 만든 Mod를 다른 세션에서 다시 불러오는 방법까지 정리했습니다. 아래에서는 제가 사용한 버전과 실제 화면을 함께 확인할 수 있습니다. 외부 Mod는 단순한 테마 파일이 아니라 사용자 권한으로 동작하는 코드라는 점을 먼저 염두에 두세요. 이 글에서 다루는 내용Mods란?공식 샘플 mod나만의 Mod 만들기 유튜브 알고리즘에 최근 많이 뜬 Claude Code Mods를 알아보고, 저도 제 나름대로 클로드를 이용해서 실제 화면을 꾸며보고 적용해보려고 합니다. 공식 docs: https://code.claude.com/docs/ko/plugins/mods/overviewMod..

PlayMCP를 처음 사용하는 분을 위해 도구함에 MCP를 추가하고 Claude·ChatGPT에 연결하는 흐름을 정리했습니다. 이어서 주식 정보 요약과 후쿠오카 여행 검색을 실제로 요청한 결과를 살펴봅니다. 연결 메뉴와 요금제별 지원 범위는 바뀔 수 있으므로 본문에 연결한 공식 안내와 현재 계정 화면을 우선 확인해주세요. 이 글에서 다루는 내용PlayMCP란?도구 연결법도구 추가하는 방법 이번 글에서는 PlayMCP에 대해 이용해보려고 합니다. https://playmcp.kakao.com/ PlayMCP란?PlayMCP란, 카카오 AI 서비스에 연결될 MCP를 실험하고 준비할 수 있는 개발자용 플랫폼입니다. LLM과 연결되는 도구를 테스트하고, 다른 사람과 공유할 수 있는 마켓이자 플레이그라운드이며, ..

Claude Code에서 Playwright MCP를 연결하고 브라우저를 직접 조작해보는 입문 실습입니다. 설치 명령과 Desktop용 설정을 구분한 뒤, 접근성 스냅샷 읽기 → 데모 폼 입력 → 영화 상영시간표 조회 순서로 진행합니다. 조회 실습과 예매·결제 같은 변경 작업은 구분하고, 개인 계정 대신 공개된 데모 환경부터 사용해보세요. 이 글에서 다루는 내용Playwright란?설치하기핵심 기능들기본 기능 사용해보기실제 응용하기 오늘은 Playwright라는 MCP를 사용해보려고 합니다. Playwright란?Playwright MCP는 Microsoft가 만든 MCP 서버로, LLM이 스크린샷/비전 모델 없이도 접근성 트리(accessibility snapshot) 기반으로 브라우저를 조작할 수 있..

Mojo를 처음 실행해보려는 분을 위한 설치·기초 문법 실습입니다. uv 준비 → Mojo 설치 → analyzer.mojo 첫 실행 → 리스트와 반복문 순서로 공식 예제를 따라갑니다. 이 글은 Python과의 성능 비교가 아니라 설치 후 코드를 실행하는 데 초점을 맞췄으며, 설치 방식이나 문법은 본문에 연결한 공식 퀵스타트의 현재 안내와 함께 확인해주세요. 이 글에서 다루는 내용uv 설치하기Mojo 설치하기첫 Mojo 파일 실행하기리스트와 루프 다뤄보기 이전 글에 이어서 Mojo 설치부터 간단한 예제를 돌려보면서 Mojo라는 언어를 처음 접해보는 시간을 가져보려고 합니다. 참고한 공식 문서는 mojolang.org 퀵스타트입니다. uv 설치하기Mojo 공식 설치 방법은 여러 가지입니다. pip이나 co..

Mojo가 어떤 언어인지, Python과 어떤 관계를 지향하는지 궁금한 분을 위한 첫 소개입니다. 제가 관심을 갖게 된 이유와 학습 계획을 정리한 글이며, 실제 속도를 측정한 벤치마크나 기존 Python 프로젝트의 전환 사례를 다룬 글은 아닙니다. 언어의 목표와 지금 바로 사용할 수 있는 기능을 구분해서 읽어주세요. 이 글에서 다루는 내용Mojo에 관심을 갖게 된 계기Python과 비슷하지만 같은 언어는 아니다설치와 작은 예제부터 학습하기참고 자료 Mojo에 관심을 갖게 된 계기Mojo라는 프로그래밍 언어를 들어보셨나요? 1~2년 전, 저는 Mojo가 등장했다는 소식을 처음 접했습니다. 당시에는 Python과의 폭넓은 호환성을 장기 목표로 삼으면서도, 더 높은 성능을 추구한다는 초기 방향성이 특히 눈에 ..

기존 PPT 자료를 Claude Code의 frontend-slides skill로 웹 슬라이드로 바꿔본 실습입니다. macOS에서 전역 스킬을 설치하고, 원본 파일을 보존한 채 디자인 프리뷰를 고른 뒤 한글 폰트를 수정하는 과정을 담았습니다. 이 글에서 만든 결과물은 브라우저에서 여는 HTML 슬라이드이며, 편집 가능한 .pptx 파일을 새로 생성한 과정과는 구분해서 봐주세요. 이 글에서 다루는 내용스킬개요핵심 기능설치 최근에 Claude를 구독하여 여러 방면으로 사용해보려고 하고 있습니다. 취업을 하면서 자연스럽게 회사의 구독으로 Claude, Claude Code를 많이 사용하게 되었고, 개인적인 학습이나 개발 등에 이용하고자 Pro 구독을 시작하게 되었습니다. 조금 늦은 감이 있지만, 다양한 기능..

이 글은 Windows의 WSL에 Ubuntu 환경을 준비하고, PostgreSQL을 설치한 뒤 psql로 접속하는 과정을 정리한 실습 기록입니다. PowerShell에서 실행할 명령과 Ubuntu 안에서 실행할 명령을 구분해 따라가면 됩니다. 이미 WSL을 사용 중이라면 패키지 업데이트 단계부터 확인해주세요. 설치 화면과 오류 사례는 최초 작성 당시 환경을 기준으로 합니다. 패키지 버전과 기본 인증 설정은 배포판에 따라 다를 수 있습니다. 아래 오류 해결 부분은 모든 사용자에게 필요한 필수 설치 단계가 아닙니다. 이 글의 순서WSL·Ubuntu 준비Ubuntu 패키지 업데이트PostgreSQL 설치와 접속설치 후 확인할 항목 최근 데이터 엔지니어 부트캠프를 진행하면서 AWS 환경을 접하고 교육을 듣고 ..