github-code Web Component

요약

GPT-5.5를 활용하여 GitHub 코드를 임베딩할 수 있는 실험적인 Web Component를 구축하는 방법을 소개합니다. 특정 URL을 raw 파일 경로로 변환하고 fetch를 통해 지정된 코드 범위를 표시하는 기능을 구현했습니다.

핵심 포인트

• GPT-5.5와 프롬프트를 이용한 Web Component 제작 실험
• GitHub URL을 raw 콘텐츠 URL로 자동 변환하는 로직 구현
• fetch API를 사용하여 지정된 코드 라인 범위를 가져와 표시
• 구문 강조(syntax highlighting)는 미지원하며 줄 번호만 표시