https://km.kdev.kr · live workspace

작업물을
바로 게시하는
개인 포털

아이디어, 자동화 결과, 웹 데모, 문서, 실험 기록을 한 곳에 모아 보여주는 KDEV KM 포털입니다. 새 작업물은 카드 하나만 추가하고 main 브랜치에 push 하면 자동으로 배포됩니다.

작업물 보기 → 게시 방법 확인

작업물 쇼케이스

아래 카드는 works 배열에서 자동 렌더링됩니다. 새 작업물, 페이지, 문서, 데모를 만들 때 객체 하나만 추가하면 랜딩 페이지에 바로 노출됩니다.

새 카드 추가법
PortalLandingPublished

KM Portal Landing

작업물을 계속 게시할 수 있도록 설계된 반응형 포털 랜딩 페이지입니다.

열기 →
WorksGallery

작업물 갤러리 슬롯

웹 데모, 문서, 실험 결과를 카드로 추가해 공개할 수 있는 게시 구조입니다.

열기 →
GitLabCI/CDDeploy

자동 배포 파이프라인

main 브랜치 push 후 GitLab CI/CD가 웹루트로 자동 배포하는 운영 흐름입니다.

열기 →

게시 가능한 구조

정적 파일만으로 운영되도록 구성했습니다. HTML 파일, 이미지, 문서, 데모 폴더를 저장소에 추가하고 카드 링크만 연결하면 됩니다.

작업물 추가 공식

1) 작업물을 /works/작업명/ 같은 폴더에 넣습니다.
2) index.html 하단의 works 배열에 카드 정보를 추가합니다.
3) main 브랜치에 push 하면 CI/CD가 자동으로 배포합니다.

배포 흐름 보기 
const works = [
  {
    title: "새 작업물 제목",
    description: "무엇을 만들었는지 설명",
    tags: ["Demo", "Docs"],
    href: "./works/my-project/",
    accent: "cyan"
  }
];

자동 배포 파이프라인

서버 SSH 없이 Git push 만으로 배포됩니다. 정적 파일은 GitLab CI/CD가 웹루트로 rsync 합니다.

작업

로컬에서 HTML, CSS, JS, 이미지, 문서를 추가합니다.

커밋

변경사항을 커밋하고 main 브랜치에 push 합니다.

파이프라인

GitLab CI가 rsync 배포 작업을 자동 실행합니다.

공개

몇 분 안에 https://km.kdev.kr 에 반영됩니다.

다음 작업물을 바로 올릴 준비 완료

이 포털은 계속 확장할 수 있는 작업물 허브입니다. 웹 데모, 자동화 산출물, 문서, 실험 페이지를 만들 때마다 카드로 연결해 포트폴리오처럼 축적하세요.

포털 둘러보기