작성자는 Microsoft의 새로운 터미널 텍스트 에디터인 Edit의 Docker 이미지를 생성하고 GitHub 컨테이너 레지스트리에 게시하는 과정을 자세히 설명합니다. Apple Silicon용 공식 빌드가 없으므로 작성자는 aarch64-linux-gnu 버전을 Mac에서 실행하기 위해 Docker 컨테이너를 생성했습니다. 이 글에서는 크기를 최소화하기 위한 멀티 스테이지 Docker 이미지 빌드, 이미지를 푸시하기 위한 GitHub Personal Access Token 사용, Apple Silicon Mac과 Docker를 사용하는 사용자가 Edit을 실행하기 위한 간단한 명령어에 대해 설명합니다.
더 보기
이 글에서는 GitHub Actions와 GitHub Pages를 사용하여 완전히 사용자 정의된 웹사이트를 구축하고 배포하는 최소한의 접근 방식에 대해 설명합니다. GitHub Pages를 활성화하고, 빌드 및 배포 단계가 포함된 YAML 워크플로 파일(publish.yml)을 만들고, 생성된 웹사이트 파일을 `_site/` 디렉토리에 배치하면 정적 웹사이트를 쉽게 배포할 수 있습니다. 이 간단한 방법을 통해 예약된 워크플로우와 Git 스크래핑을 사용하여 Atom 피드 게시 또는 사용자 정의 웹사이트 생성과 같은 더 복잡한 기능을 만들 수 있으며, 광범위한 설정이 필요하지 않습니다.
더 보기
저자는 사이드 패널을 만들기 위해 HTML의 `` 요소를 사용하는 중에 높이 문제를 발견했습니다. 하단에 빈 공간이 생겨 전체 화면 높이를 차지하지 못했습니다. 디버깅 과정에는 Claude나 ChatGPT와 같은 AI 툴에 문의하는 등 다양한 방법이 포함되었습니다. 문제의 원인은 `` 요소에 적용된 Chrome의 기본 스타일 `max-height: calc(100% - 2em - 6px);`였습니다. `max-height: inherit` 또는 `max-height: 100vh`를 추가하여 문제를 해결했습니다. HTML 사양을 자세히 조사한 결과 이 기본 스타일은 이전 버그를 수정하기 위해 추가되었다는 것을 알게 되었고, 이는 웹 표준의 끊임없는 진화를 강조합니다.
더 보기