웹디자인 (HTML,JS)67 728x90 브라우저를 이해하는 AI: Chrome DevTools MCP로 끝내는 웹 자동화 AI 코딩 에이전트가 실제 크롬 브라우저를 열고, DevTools로 성능 추적을 녹화하고, 콘솔·네트워크를 읽고, 버튼 클릭·폼 입력까지 수행한다면? 바로 그걸 가능하게 하는 게 Chrome DevTools MCP(Model Context Protocol) 서버입니다. 공개 프리뷰를 발표한 크롬팀 공식 글과 레퍼런스, 그리고 현업 중심의 훌륭한 사용기 정리를 바탕으로 도입 배경 → 핵심 기능 → 실전 예시 → 설치/연동 → 보안 가이드까지 한 번에 담았습니다.MCP & Chrome DevTools MCP 한눈에 보기MCP란? LLM이 외부 도구·데이터 소스와 표준 방식으로 통신하도록 만든 오픈 프로토콜. 동일한 문법으로 다양한 도구를 부릴 수 있게 합니다.Chrome DevTools MCP: MCP 서버.. 2025. 11. 8. 학교에서 안심하고 쓰는 무료 폰트! 교육부 인증 ‘학교 안심폰트’ 21종 공개 교육부(이하 교육부)와 한국교육학술정보원(이하 KERIS)이 새로 보급하는 ‘학교 안심폰트’입니다.개요 및 배경● 정책 · 목적교육부와 KERIS는 학교 현장에서 저작권 부담 없이 자유롭게 활용 가능한 폰트를 제공하고자 ‘학교 안심폰트’ 사업을 시행해 왔습니다.이번 개편으로 21서체 21종을 신규 보급한다고 10월 28일 발표했습니다.기존에 3년간 제공된 44서체 67종 → 이번 21서체 21종 추가 → 총 65서체 88종 제공됨. → 발표문 인용.주요 목적은 다음과 같습니다.학교 교육자료, 가정통신문, 학급 소식지, 교내 안내문 등에서 폰트 저작권 걱정 없이 활용 가능하도록 지원서체 선택 폭을 넓혀 다양한 디자인 · 활용환경에 대응교육현장에서 저작물 이용 안전성을 확보하고, 교직원과 학생이 자유롭게 활.. 2025. 10. 29. 평생 무료 쇼핑몰 시대! 메이크샵 Free 버전으로 하루 만에 창업하는 방법 한눈 요약2025년 5월 13일부터 메이크샵이 상시 무료 요금제(Free) 를 공식 출시했습니다. 신규‧기존 모두 이용 가능(기존은 ‘다운그레이드’ 절차 필요). 기본 쇼핑몰 구축과 운영 핵심 기능을 무료로 제공합니다.배경 & 핵심 포인트무(無)요금으로 핵심 운영 가능상품‧주문‧회원‧게시판 등 필수 기능을 기본 제공해 초기 창업자가 부담 없이 시작 가능.디자인 스킨 400+ 종을 무료로 선택‧교체 가능 → 빠른 브랜딩에 유리.온보딩 & 운영 지원관리자 가이드, 동영상, 초기 세팅 지원 페이지 등 학습 자료와 초반 세팅 지원 리소스가 준비되어 있습니다(상담/컨설팅 연계 포함).업그레이드 경로 확보매출 성장, 스토리지 확장, 고도화 기능 필요 시 프리미엄(Premium) 으로 업그레이드하면 됩니다. 다운그레.. 2025. 10. 6. 카카오 지도 JS API 길찾기·로드뷰 한 번에: URL 스킴·지오코딩·클러스터 무엇: 웹페이지에 지도를 넣고(표시/이동/확대), 마커·오버레이, 장소 검색, 주소↔좌표 변환, 마커 클러스터링, 도형 그리기 등을 제공하는 JS API.어떻게: Kakao 개발자 콘솔에서 앱 생성→Web 플랫폼 도메인 등록→JavaScript 키 발급 후, SDK 스크립트를 로드하여 사용.추가 도구: 지도 URL(링크)로 지도/길찾기/로드뷰/검색결과를 직접 여는 패턴 제공.키 발급 & 도메인 등록 (필수)카카오 개발자 사이트 접속 → 로그인.내 애플리케이션에서 앱 생성.앱 설정 → 플랫폼 → Web 플랫폼 등록에서 사이트 도메인 등록앱 키 → JavaScript 키를 복사하여 SDK appkey로 사용.주의: 등록된 도메인에서만 JS 키가 동작합니다. 운영/개발(로컬) 도메인을 각각 등록하세요.로컬 테.. 2025. 9. 20. 게임/커머스 사진→3D 멀티뷰 디테일 업! GLB/FBX·리깅·LOD 최적화 한 장의 사진으로 ‘탐험 가능한’ 3D 월드 만들기 - 텐센트 Hunyuan3D & HunyuanWorld-Voyager 가이드한눈에 보는 핵심 요약Hunyuan3D 2.x단일 이미지/텍스트에서 고품질 3D 메시 + PBR 텍스처 자동 생성파이프라인: 형상 생성(DiT) → 텍스처 생성(Paint)오픈소스 가중치/예제 공개(연구·실무 활용 가능), 가속 버전(Turbo)·경량 버전(Mini) 제공HunyuanWorld-Voyager사진 1장만으로 ‘사진 안을 탐험하는’ 3D-like 세계(RGB+깊이 시퀀스) 생성짧은 3D 비디오 시퀀스 및 재구성/모델 변환 지원, Unity/Unreal/Blender 활용 가능웹 도구 & 무료 체험웹에서 이미지 업로드 → 자동 3D 생성/미리보기/다운로드(OBJ/FBX.. 2025. 9. 5. 이전 1 2 3 4 ··· 14 다음 728x90 728x90
