Question 1

내 LittleLink Docker 컨테이너가 사이트 대신 Nginx welcome page를 보여주는 이유는 무엇인가요?

Accepted Answer

Nginx 기본 환영 페이지는 LittleLink 파일이 이미지에 복사되지 않았을 때 나타납니다. 이는 잘못된 디렉터리(예: docker/ 하위 폴더)에서 빌드할 때 발생합니다. 프로젝트 루트에서 -f 옵션으로 Dockerfile 경로를 지정하여 빌드하세요:

```bash
git clone https://github.com/sethcottle/littlelink.git
cd littlelink
docker build -f docker/Dockerfile -t littlelink .
docker run -d -p 8080:80 littlelink
```

파일이 있는지 확인하세요:
```bash
docker run --rm littlelink ls -la /usr/share/nginx/html/
```

index.html, css/, images/, fonts/가 보여야 합니다. 기본 파일만 표시된다면 빌드 컨텍스트가 잘못된 것입니다.

Question 2

LittleLink에서 표시 이름이 여러 줄로 줄 바꿈될 때 과도한 줄 간격을 어떻게 수정하나요?

Accepted Answer

이는 레거시 Skeleton 기반 CSS로 인해 발생했습니다. 이 문제는 기존 스타일링 기반을 모듈형이며 목적에 맞게 설계된 CSS 시스템으로 대체하는 LittleLink v3에서 수정되었습니다. LittleLink를 v3 이상으로 업그레이드하세요. 관련 변경 사항은 커밋 9f000923d5e13f9548d3bcafa7d41f99796c5a0a입니다. LinkStack을 사용하는 경우, 사용자 지정 테마 오버라이드를 적용하거나 LittleLink v3 스타일링이 포함된 릴리스로 업그레이드하세요.

Question 3

LittleLink 버튼 두 개를 같은 줄에 어떻게 배치할 수 있나요?

Accepted Answer

두 링크를 flex 컨테이너로 감싸고 그 사이에 있는
을 제거하세요. HTML:

Main

VOD

brands.css가 로드된 후에 다음을 추가하세요: .button-row { display: flex; gap: 8px; width: 300px; margin: 0 auto 10px; } .button-row .button { flex: 1 1 0; width: auto; margin-bottom: 0; padding: 16px 12px 16px 44px; box-sizing: border-box; } 아이콘만 있는 버튼의 경우 padding: 16px;를 사용하고 아이콘을 가운데 정렬하세요. 버튼이 여전히 쌓인다면, 앵커 사이에
이 있는지 또는 width를 재정의하는 더 구체적인 CSS 규칙이 있는지 확인하세요.

LittleLink

주요 기능

할 수 없는 것

사용 사례

태그

시작하기

유사한 프로젝트