본문 바로가기
반응형

UX 개발

무료로 쓰는 음악 API 추천: 한국 음악까지 커버하려면 뭘 써야 할까? 음악 서비스(검색, 아티스트/앨범/트랙 정보, 플레이리스트, 추천, 차트 등)를 만들 때 핵심은 “어떤 데이터 소스를 쓰느냐”입니다.특히 한국 음악(K-pop 포함)까지 폭넓게 가져오려면, 글로벌 카탈로그 + 오픈 메타데이터 + 영상(뮤비) 생태계를 적절히 조합하는 게 현실적입니다.아래는 무료로 시작할 수 있고 한국 음악도 잘 포함되는 API 옵션들을 목적별로 정리한 글입니다.1) Spotify Web API: 메타데이터 + 오디오 특성까지 한 번에Spotify Web API는 트랙/앨범/아티스트 메타데이터 검색부터 오디오 특성(예: audio features) 같은 정보까지 폭넓게 제공합니다. 무엇보다 앱에서 “음악 데이터”를 다루기 좋은 구조라 실무에서 많이 씁니다. oai_citation:0‡Spo..
무료로 영화·TV 데이터 가져오는 API 추천 (실무에서 쓰기 좋은 것들) 영화/TV 정보(제목, 개봉일, 장르, 줄거리, 포스터, 출연/제작진, 시즌·에피소드 등)를 앱이나 웹서비스에 붙이고 싶을 때 가장 먼저 찾게 되는 게 “어떤 API를 쓰면 되지?”입니다.문제는 “무료”라고 해도 실제로는 제약이 많거나, 비공식/불안정한 소스인 경우가 꽤 있다는 점입니다.아래는 무료로 시작할 수 있고, 실무에서 비교적 많이 쓰는 영화/TV API들을 목적별로 정리한 리스트입니다.1) TMDB (The Movie Database) API — 영화/TV API의 사실상 표준추천 이유:영화 + TV + 인물(배우/감독) + 이미지(포스터/백드롭) + 트렌딩/디스커버리까지, 대부분의 기능을 한 번에 커버합니다. 커뮤니티 기반이지만 데이터 양이 많고, 개발 자료도 잘 정리되어 있어 “처음 붙이기”..
한국 도서 데이터를 무료로 가져오는 API 추천 (국내 도서 커버리지 중심) 책 검색 기능, 독서 기록 앱, 서점/도서관 기반 서비스 등을 만들다 보면 가장 먼저 부딪히는 게 “도서 데이터(제목, 저자, ISBN, 표지, 출판사 등)를 어디서 가져오지?”입니다.게다가 한국 도서까지 폭넓게 포함하려면 해외 중심 API만으로는 한계가 있습니다.아래는 무료로 사용할 수 있으면서 한국 도서 커버리지가 좋은 API들을 목적별로 정리한 리스트입니다.1) 국립중앙도서관(NLK) Open API — “한국 도서 커버리지” 최우선추천 이유: “대부분의 한국 도서”를 최대한 폭넓게 다루려면, 국가 단위 서지 데이터가 가장 강력합니다. NLK는 서지(메타데이터) 기반이라 신뢰도가 높고, ISBN 중심으로 정리하기 좋습니다.주요 활용 예ISBN으로 도서 상세 정보 조회정식 서지 데이터 기반의 정확한 ..
Cloudflare로 서브도메인 리다이렉트 만들기 (Redirect Rules가 안 보일 때: Page Rules로 해결) Cloudflare를 네임서버로 쓰고 있다면, 별도의 서버 없이도 특정 서브도메인을 다른 주소로 301 리다이렉트(영구 이동) 시킬 수 있습니다.그런데 대시보드에서 “Redirect Rules” 메뉴가 보이지 않는 경우가 있습니다. 이럴 땐 대부분 Page Rules로 동일하게 처리할 수 있어요.이 글에서는 예시 도메인을 사용해서, 아래 같은 리다이렉트를 만드는 방법을 설명합니다.promo.example-site.com → promo-2026.example-site.com그리고 /path 같은 경로도 그대로 유지1) 먼저 확인: 리다이렉트는 “프록시(오렌지 구름)”가 필수Cloudflare에서 Page Rules 리다이렉트는 “Cloudflare를 실제로 통과하는 요청”에만 적용됩니다.즉, DNS에서 해..
HandBrake로 MOV 파일을 MP4로 간단하게 변환하는 방법 HandBrake로 MOV 파일을 MP4로 간단하게 변환하는 방법동영상 포맷을 변환해야 할 때 가장 많이 사용되는 무료 프로그램 중 하나가 HandBrake입니다. 이 글에서는 HandBrake 설치부터 MOV 파일을 MP4로 변환하는 방법까지 핵심만 간단하게 정리합니다.HandBrake 설치하기HandBrake 공식 사이트로 이동한다.https://handbrake.fr운영체제에 맞는 설치 파일을 다운로드한다.(Windows, macOS, Linux 지원)설치 프로그램을 실행하고 기본 설정대로 설치를 완료한다.프로그램 실행 및 파일 불러오기HandBrake를 실행한다.첫 화면에서 Open Source 버튼을 클릭한다.변환할 MOV 파일을 선택한다.선택하면 자동으로 기본 프리셋이 적용된다.출력 포맷을 M..
CSS `filter: drop-shadow` vs `box-shadow` 완벽 비교 웹 개발을 하다 보면 그림자를 넣을 때 box-shadow 와 filter: drop-shadow 두 가지 방법을 자주 접하게 됩니다. 하지만 이 둘은 비슷해 보이면서도 실제로는 다른 방식으로 동작합니다. 이번 글에서는 두 속성의 차이와 활용 방법을 정리해 보겠습니다.1. 렌더링 방식의 차이box-shadow요소의 박스(box) 영역에 그림자가 적용됩니다. 즉, width, height, border, border-radius로 정의되는 직사각형 영역을 기준으로 그림자가 생깁니다. 요소 내부의 투명 픽셀은 무시됩니다.filter: drop-shadow요소가 렌더링된 실제 픽셀 단위를 기준으로 그림자가 적용됩니다. 즉, 투명 영역을 제외하고 눈에 보이는 부분에만 그림자가 따라붙습니다. PNG, SVG, 텍..
컨텍스트7(Context7)이란 무엇인가? 웹 개발 워크플로우에 적용하는 법 LLM이 최신 라이브러리 문서를 잘못 알고 코드를 틀리게 제안하는 문제를 해결하려는 시도 가운데, 컨텍스트7(Context7)은 라이브러리의 “버전별 최신 문서와 코드 예시”를 직접 가져와 프롬프트에 주입하는 MCP(Model Context Protocol) 서버입니다.왜 컨텍스트7이 필요한가일반적인 LLM은 학습 시점 이후에 나온 API 변경 사항이나 최신 베스트 프랙티스를 반영하지 못해 “존재하지 않는 메서드”를 제안하거나 오래된 코드 예제를 내놓습니다. 컨텍스트7은 공식 문서에서 최신 정보만 긁어와 프롬프트에 넣어줌으로써 이러한 환각(hallucination)과 구버전 예시 문제를 줄입니다. 컨텍스트7의 핵심: MCP 서버컨텍스트7은 MCP 서버로서 Cursor, Claude Code, Windsu..
Claude Code 'ls, cd, find 등' 기본 커맨드 확인 더 안 묻게 하기 목표ls, cd, find 같은 무해한 읽기 전용 셸 명령은 더 이상 “실행할까요?” 프롬프트 없이 바로 동작하게 하고, 나머지 위험한 작업(쓰기·삭제 등)은 그대로 유지한다.1. ~/.claude/CLAUDE.md로 글로벌 프롬프트 정의하기Claude는 세션이 시작될 때마다 찾을 수 있는 모든 CLAUDE.md 파일을 시스템 프롬프트에 주입한다.가장 상위(홈 디렉터리)에 두면 모든 프로젝트와 터미널 세션에 적용된다.# 예시: ~/.claude/CLAUDE.md# Bash behaviour- ALWAYS run ls, cd, find, pwd without asking.- NEVER write to disk unless explicitly instructed.# Workflow- Prefer single..
🖥️ 클라우드 메뉴판 : 디지털팝

티스토리툴바