🌐

프론트엔드 프로그래밍

2026학년도 1학기 오리엔테이션 (OT)

명지전문대학 AI게임소프트웨어학과

수강생 여러분, 진심으로 환영합니다!

강의 도구 및 교재 📚

웹 서비스의 얼굴을 만드는 핵심 기술과 환경을 학습합니다.

HTML5

웹을 구성하는 뼈대

CSS3

웹 디자인의 중심

JavaScript

동적 상호작용 구현

VS Code

VS Code

표준 개발 환경

교재 표지
MAIN TEXTBOOK

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 [전면개정판]

고경희 지음 | 이지스퍼블리싱 (2024)

별도의 강의자료(PPT)는 배포되지 않으며, 교재를 중심으로 수업이 진행됩니다.

평가 방식 및 기준 📊

20%
출석
30%
중간고사(서술형)
30%
기말(조별발표)
20%
과제

"실력보다 성실성"

A+ 등급은 수강 인원의 상위 30% 이내로 제한되지만,
적극적인 참여와 깊이 있는 고민을 보여주는 성실한 학생에게는 최고의 성적을 보장합니다.

플립러닝 및 타임테이블

온라인 학습 (1교시)

e-Campus에서 25분 사전 영상 및 퀴즈 등 활동을 진행합니다.
지정 기한 내 100% 수강 시 출석으로 인정됩니다.

대면 실습 (나머지 교시)

강의실에서 100분 동안 집중 실습을 진행합니다.
중간 휴식 없이 연강 후 조기 종료합니다.

01 분반
09:00 - 09:50 온라인 대체
10:00 - 11:40 대면 연강
02 분반
12:00 - 12:50 온라인 대체
13:00 - 14:40 대면 연강
03 분반 (주의)
15:00 - 16:40 대면 연강
17:00 - 17:50 온라인 대체

"영상 강의를 100% 수강하고 과제를 제출하지 않아도 출석이 인정될까요?"

아니요! 영상 시청만으로는 부족합니다.
해당 주차의 과제까지 기한 내 제출해야 최종 출석으로 인정되며, 과제 누락 시 [지각] 처리됩니다.

출결 관리 안내

  • 3/4 이상 출석 필수: 1/4 초과 결석 시 즉시 F학점
  • 지각 3회 = 결석 1회: 성적 반영 시 치명적
  • 20분 이후는 결석: 정각~20분은 지각입니다.

유고결석(병결 등) 신청

1 사유 발생일로부터 6일 이내 e-Campus 접수

2 증빙서류 및 학과장 날인 신청서 업로드

3. 대체 과제 (필수 제출)

"결석 주차의 교재 내용을 PDF로 요약 정리해야 합니다."

공식 소통 창구

강의자의 외부 일정으로 인해 메일 확인이 느릴 수 있습니다.
본 과목에 한해 'e-Campus 쪽지'를 주 창구로 사용해 주세요.

⚠️ 주의: 쪽지를 보낼 때도 '이름, 학번, 분반'을 명시한 정식 격식을 갖춰주세요!

신입생 꿀팁: 비즈니스용 메일 생성

어린 시절 장난스러운 ID 대신,
이름이 포함된 깔끔한 이메일을 새로 만드는 것을 추천합니다.

AI 활용 지침

사용 여부 명시: AI 도움을 받은 부분은 주석으로 명시

대화 내역 PDF: AI와 나눈 대화 전체 내역을 PDF로 제출

팀 프로젝트 (PJBL) 및 공정성

철저한 개별 기여도 평가

주간 기여 보고서

성실함을 증명하는 핵심 지표입니다. 매주 활동을 기록하세요.

MVP 선정 및 우수팀 투표

가장 헌신한 MVP에게 가점을 주며, 분반별 우수팀은 시상합니다.

질문 전 '자체 시도'의 가치

"정답을 바로 묻는 것보다, '어디까지 해봤는지'를 담아 질문할 때
진정한 실력 향상이 일어납니다."

지난 학기 선배들의 리얼 소회

항목을 클릭하여 자세한 조언을 확인해보세요!

"피해만 주지 말자가 아니라, 팀원들이 원하기 전에 먼저 의견을 제시하세요."
#능동적인_기여 대답만 하기보다 '이렇게 해보면 어떨까?' 하는 의견 제시가 팀 전체의 완성도를 높입니다.
"온라인 회의보다 오프라인에서 모일 때 결과물이 확실했습니다."
#오프라인_협업 직접 만나서 코드를 짜고 오류를 잡는 것이 훨씬 효율적이고 일정 관리에도 좋습니다.
"Github 활용법을 미리 공부하세요. 카톡 공유는 정말 비효율적입니다."
#협업툴_공부 코드 파편화를 막기 위해 반드시 Git과 Github를 활용한 작업 효율성 증대가 필요합니다.
"나태해진 팀원은 과감히 역할을 재조정하는 결단력이 필요합니다."
#무임승차_방지 할 일을 하지 않는 팀원 때문에 고생하지 않도록, 초기에 확실한 선 긋기와 역할 재분배가 중요합니다.

15주차 강의 여정

Part 1: HTML & CSS 기초

1주차 3/5 OT 및 개발환경 설정
2주차 3/12 HTML 기초 (비대면)
3주차 3/19 HTML 태그 & 입력 양식
4주차 3/26 CSS 기초 및 박스 모델
5주차 4/2 배경 설정 및 미디어 쿼리
6주차 4/9 플렉스 & 그리드 레이아웃
7주차 4/16 고급 선택자 & 애니메이션
8주차 4/23 중간고사 (서술형 지필)

Part 2: JavaScript 응용

9주차 4/30 JavaScript 기초
10주차 5/7 JS 기본 문법 응용
11주차 5/14 함수와 이벤트 처리
12주차 5/21 자바스크립트와 객체
13주차 5/28 DOM / 알파 버전 발표
14주차 6/4 API와 CRUD (비대면)
15주차 6/11 기말고사 및 최종 결과물 발표

학점보다는 경험을,
성적보다는 동료를 남기세요.

프론트엔드 프로그래밍은 단순히 코드를 짜는 것이 아닙니다.
동료들과 함께 문제를 해결하며, 훗날 현업에서 다시 만날 든든한 파트너를 얻어가는 귀중한 한 학기가 되기를 진심으로 바랍니다.