본문 바로가기

웹디자인 (HTML,JS)69

728x90
카카오 지도 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.
SuperDesign: IDE 안에서 디자인과 개발을 통합 오픈소스 AI 에이전트 자연어 한 줄 프롬프트만으로 UI를 완성하는 SuperDesign의 동작 원리와 활용법“로그인 화면 만들어줘” 한 줄로 완성! SuperDesign 활용 가이드Figma 없이 IDE에서 바로 디자인하는 법 — 디자인과 개발을 한곳에서 워크플로우 혁신하기1. 개요SuperDesign은 IDE 내부에서 직접 실행되는 오픈소스 AI 디자인 에이전트입니다. 자연어 프롬프트를 입력하면 곧바로 UI 목업(mockup), 컴포넌트, 와이어프레임을 자동 생성하며, 결과물은 IDE에 바로 코드로 삽입할 수 있습니다. 기존의 Figma, Sketch 같은 별도 툴을 거치지 않고 디자인 → 코드 → 실행까지 IDE 안에서 완결할 수 있다는 점이 핵심 혁신 포인트입니다.2. 주요 특징IDE 통합VS Code, Cursor, .. 2025. 9. 2.
위치 데이터의 새로운 얼굴 — 직접 만지는 나만의 인터랙티브 지도 플랫폼 “데이터가 길이 되는 순간 — 여행·일상 경로의 웹 시각화 UX 가이드”웹 UI 형태로 제공되는 위치 시각화 서비스의 설계·디자인 가이드입니다. 목표는 사용자가 직접 UI를 조정하여 “원하는 스토리로 지도를 구성”할 수 있도록 하는 것—즉, 가시성(visibility)·조작성(control)·프라이버시(safety) 를 모두 만족시키는 제품화 가능한 UX 청사진입니다.제품 목표 & 핵심 원칙즉시 이해: 첫 5초 안에 “어디를, 언제, 어떻게 움직였는지” 감 잡기직접 조정: 레이어·시간·클러스터링·프라이버시 모호화 강도를 사용자 손으로 튜닝스토리텔링: 경로 재생·하이라이트·노트·사진을 엮어 여행기/보고서 생성안전 기본값: 민감 위치 비노출, 데이터 범위 제한, 공유 전 확인 디폴트 ON반응형 & 접근성: .. 2025. 8. 25.
AI와 Git을 품은 태스크 관리 도구, Markdown 업무보드 Backlog.md Backlog.md란 무엇인가?Backlog.md는 "모든 것을 Markdown으로"라는 철학 아래 만들어진 프로젝트 관리 도구입니다. 복잡한 프로젝트 관리 도구들과 달리, 단순한 텍스트 파일로 모든 작업을 관리하면서도 강력한 CLI와 웹 UI를 제공합니다.주요 특징100% 오프라인: 외부 서버 의존성 없이 Git 저장소 내에서만 작동텍스트 기반: 모든 데이터가 평문으로 저장되어 검색, 편집, 버전 관리가 용이Git 친화적: 변경사항 추적, 협업, 백업이 Git을 통해 자연스럽게 해결확장 가능: CLI 명령어 기반으로 자동화 스크립트 작성 용이프로젝트 구조와 작동 원리기본 디렉토리 구조프로젝트/├── backlog/ # 태스크 파일들이 저장되는 폴더│ ├── task.. 2025. 7. 23.
728x90
728x90