수업 과제와 실습
라이브 링크로 제출하세요
수업 과제, 해커톤 데모, 포트폴리오 실험, 졸업 프로젝트를 zip 파일 대신 바로 열리는 공개 링크로 공유하세요. 정적 프로젝트도 첫 번째 실전 결과물이 될 수 있습니다.
프론트엔드 실습 모음
컴퓨터공학 전공 프로젝트
프로젝트
날씨 대시보드
API 연동과 반응형 UI
브라우저 게임
Canvas와 키보드 입력
스터디 노트
HTML/CSS 정리 페이지
교수님과 팀원이 바로 열 수 있는 링크
방금 게시됨
정적 사이트 배포
폴더 업로드 후 공개 링크 생성
학생에게 필요한 배포 흐름
처음부터 인프라 비용을 고민하지 않기
아직 과제나 데모 단계인 정적 프로젝트를 공개하기 위해 서버를 먼저 구매할 필요가 없습니다.
수업 내용에 집중
nginx와 Linux 설정을 붙잡는 대신 HTML, CSS, JavaScript, React, Vue 작업에 시간을 쓰세요.
바로 열리는 데모
휴대폰과 노트북에서 열리는 프로젝트 링크는 수업 리뷰, 팀 데모, 면접, 포트폴리오 공유를 훨씬 쉽게 만듭니다.
여러 형식 지원
정적 HTML, 프레임워크 결과물, 브라우저 기반 인터랙티브 프로젝트를 같은 절차로 게시할 수 있습니다.
어떤 프로젝트에 맞나요?
과제 제출부터 인턴 지원 포트폴리오까지 같은 공개 링크를 활용할 수 있습니다.
수업 과제와 UI 실습
수업 과제, UI 실습, 랜딩 페이지, 계산기, 게임, 프런트엔드 연습 프로젝트에 맞습니다.
해커톤 데모
심사위원, 팀원, 멘토가 로컬 환경 설정 없이 아이디어를 바로 테스트할 수 있게 프런트엔드를 빠르게 공개하세요.
포트폴리오 라이브러리
수업 결과물을 공개 프로젝트 목록으로 만들고 이력서나 인턴 지원서에서 재사용할 링크로 남겨두세요.
프레임워크 빌드
React, Vue, Vite, Astro, Next static export는 생성된 결과물 폴더를 업로드하면 같은 방식으로 게시할 수 있습니다.
학생 프로젝트 게시 절차
정적 결과물 준비
index.html 진입점과 프로젝트에 필요한 이미지, 스타일, 스크립트가 결과물 폴더에 들어 있는지 확인합니다.
폴더 업로드
프로젝트 폴더 또는 빌드 결과물 전체를 DeployPages에 끌어다 놓습니다. 클라우드 서버 구매나 SSH 설정은 필요하지 않습니다.
공개 링크 공유
생성된 URL을 과제 제출, 이력서, 인턴 지원서에 사용하면 상대방이 프로젝트를 바로 열어볼 수 있습니다.
제출 전 확인
링크만 보내기 전에 실제 열람 환경에서 한 번 더 점검하세요.
필요한 파일 포함
index.html, 스타일, 스크립트, 이미지, 폰트, 생성된 자산 폴더를 함께 포함하세요. 홈페이지 파일만 올리면 부족합니다.
다른 환경에서 열기
휴대폰이나 다른 브라우저에서 공개 링크를 열어 누락된 자산, 깨진 경로, 레이아웃 문제를 확인합니다.
프로젝트 설명 추가
목표, 기술 스택, 직접 구현한 부분을 설명하는 짧은 README나 사이트 섹션을 준비하세요.
백엔드가 필요한 과제
PHP, Java, Python, 데이터베이스, 인증이 필요한 과제라면 프런트엔드는 여기서 게시하고 백엔드는 별도 환경에 연결하세요.
학생 프로젝트 문제 해결
index.html을 찾을 수 없습니다
업로드한 폴더 루트에 index.html이 있는지 확인하세요. 한 단계 안쪽 폴더를 잘못 올린 경우가 많습니다.
CSS나 이미지가 깨집니다
상대 경로와 파일 이름 대소문자를 확인하고, images 또는 assets 폴더가 함께 올라갔는지 봅니다.
React/Vue 결과물이 열리지 않습니다
소스 프로젝트가 아니라 빌드 후 생성된 dist, build, out 폴더를 업로드했는지 확인합니다.
과제에 백엔드 기능이 필요합니다
DeployPages는 정적 프런트엔드 게시에 맞습니다. 서버 로직은 별도 API나 학교에서 지정한 백엔드 환경에 두세요.
자주 묻는 질문
Q:학생도 카드 없이 시작할 수 있나요?
네. 정적 사이트 공개를 쉽게 시작할 수 있도록 기본 게시 흐름은 시작 단계에서 결제 수단을 요구하지 않습니다.
Q:PHP나 Java 백엔드도 같이 호스팅할 수 있나요?
아니요. DeployPages는 정적 프런트엔드 결과물에 맞춰져 있습니다. 백엔드가 필요하다면 프런트엔드를 여기서 게시하고 외부 API나 서버에 연결하세요.
Q:생성된 링크가 만료되나요?
직접 배포를 삭제하지 않는 한 바로 사라지는 링크가 아닙니다. 정적 프로젝트는 장기 포트폴리오 링크로 유지할 수 있습니다.
Q:수업 과제 제출 링크로 써도 되나요?
네. 공개 링크는 교수님과 동료가 ZIP 파일보다 쉽게 열어볼 수 있습니다. 다만 소스 코드 제출이 요구되는 과제라면 해당 규칙도 함께 따라야 합니다.
Q:소스 코드와 빌드 결과물 중 무엇을 올려야 하나요?
일반 HTML 프로젝트는 프로젝트 폴더를 올리면 됩니다. React, Vue, Vite 같은 도구는 빌드를 실행한 뒤 생성된 결과물 폴더를 업로드하세요.