서울성모병원 임상약리과 20주년 개소 기념 심포지엄 안내 페이지입니다. 정적 HTML 한 장으로 구성되어 있어 GitHub Pages로 바로 배포할 수 있습니다.
index.html 메인 페이지 (모든 CSS/JS 포함)
assets/poster.pdf 포스터 원본 PDF (다운로드 링크로 연결)
assets/poster-web.jpg 웹 표시용 포스터 이미지
assets/poster-thumb.jpg 썸네일 (필요시 사용)
assets/qr.png 참가신청(홈) 페이지로 연결되는 QR코드
assets/qr-poster.png 포스터 PDF로 바로 연결되는 QR코드
- https://github.com/new 에서 새 저장소 생성
- Repository name:
clinpharm20th-symposium(원하는 이름으로 변경 가능) - Public 선택 → Create repository
- Repository name:
- 방금 만든 저장소 페이지에서 Add file → Upload files 클릭
- 이 폴더 안의
index.html,assets폴더를 그대로 끌어다 놓기 (drag & drop) → 맨 아래 Commit changes - 저장소 상단 Settings → Pages 이동
- Build and deployment → Source를
Deploy from a branch로 설정 - Branch를
main// (root)로 설정 후 Save - 1~2분 후 같은 화면 상단에 뜨는 주소로 접속 확인
- 현재 실제 접속 주소(커스텀 도메인):
https://cmccpt20y.kr/
- 현재 실제 접속 주소(커스텀 도메인):
⚠️ 저장소 소유자를 다른 계정으로 이전(Transfer)하거나 저장소 이름을 바꾸면, 커스텀 도메인을 연결해두지 않은 상태에서는 실제 접속 주소가 바뀝니다. 그러면assets/qr.png,assets/qr-poster.png의 QR코드가 가리키는 주소와 달라지므로 QR코드를 다시 생성해야 합니다. (현재는cmccpt20y.kr커스텀 도메인을 연결해둔 상태라, 저장소 소유자가 다시 바뀌어도 GitHub Pages 쪽 커스텀 도메인 설정만 유지되면 이 주소는 그대로 유지됩니다.)
- 간단한 텍스트/글자 수정 (오타, 띄어쓰기, 문구 변경): 저장소에서
index.html클릭 → 연필(✏️) 아이콘 클릭 →<와>사이의 태그는 건드리지 말고, 그 사이에 있는 글자만 고치기 → 맨 아래 Commit changes.- 예:
<h3>일시</h3>에서 "일시"라는 글자만 바꾸는 건 안전하지만,<h3>나</h3>같은 부분을 지우면 화면이 깨질 수 있어요. - 확신이 안 서면 무엇을 바꾸고 싶은지 알려주세요. 파일을 고쳐서 다시 전달해드릴게요.
- 예:
- 포스터 교체:
assets/poster.pdf와assets/poster-web.jpg를 새 파일로 교체 업로드 (같은 파일명으로 업로드하면 덮어쓰기 됩니다) - 참가신청 구글폼 주소 변경:
index.html안에forms.gle/...링크가 여러 곳(상단 버튼, 첫 화면, 참가신청 섹션, 하단, 우측 하단 버튼)에 반복돼서 하나라도 빠뜨리면 링크가 서로 달라져요. 직접 고치기보다는, 새 구글폼 주소를 전달해주시면 한 번에 전체 교체해서 파일을 다시 드리는 방법을 권장합니다.
assets/qr.png— 스캔하면 웹사이트 첫 화면(홈)으로 이동assets/qr-poster.png— 스캔하면 포스터 PDF가 바로 열림 (인쇄물에 넣기 좋음)
인쇄용 포스터 디자인 파일(원본 디자인 툴)에 QR 이미지를 삽입한 뒤 PDF로 다시 내보내면 실물 포스터에도 QR을 넣을 수 있습니다.