< 웹 프론트엔드(front-end)란 무엇인가? >
§ 웹 개발을 크게 3개의 영역으로 구분하자면, 프론트엔드, 백엔드, DB개발로 나뉘고, 이 중에서 웹
브라우저에 표현되는 부분을 프로그래밍 하는 영역을 프론트엔드 개발이라고 부름
- 큰 SW개발회사일수록 영역 구분이 명확하고, 소규모 회사일수록 전부를 다 맡아서 개발하게 됨
www.emptydream.net에서 퍼온 그림입니다
< 교육과정 안내 >
§ (여름방학 집중 교육) 요구사항 분석 및 확인을 거친 화면에 대한 요구사항을 웹페이지 화면으로
구축하기 위한 SW개발 기술을 자바스크립를 통해서 훈련하는 교육과정
- 자바스크립트 문법 및 Virtual DOM에 대한 인식을 바탕으로 Vanil aJS만으로 웹프론트엔드를
구현하는 핵심 패턴을 익히고, 그 후 React/Vue 등에 대한 학습 진행
여름방학 집중 교육과정 (변동 가능)
주차
교육주제
세부 교육 내용
시간
1
JavaScript 주요
문법
§
JavaScript와 프론트엔드 개발
§
흐름 제어, 스코프, 클로저
§
객체지향과 프로토타입
§
이벤트 루프, 모듈
§
Virtual DOM
§
DOM 조작 실습
40
2
JavaScript 자료구조
및 알고리즘
§
그래프, 트리, 힙, 트라이 등의 자료구조
§
정렬 및 검색, 그래프 방문 등의 알고리즘
40
3
To do list로 배우는
VanillaJS
§
명령형 프로그래밍과 선언적인 프로그래밍
§
컴포넌트 방식으로 생각하기
§
Local Storage
§
Module, Promise, callback
§
async, await
40
4
To do list로 배우는
VanillaJS 심화
§
fetch API
§
history API, SPA
§
To do App 만들기
§
자동 저장 편집기 만들기
40
5
채용 과제로 배우는
VaniilaJS
§
무한 스크롤 구현하기
§
고양이 사진첩 만들기
§
고양이 사진 검색기 만들기
§
To do list Drag&Drop
40
6
React
§
React 기초
§
React 시작하기(환경설정)
§
컴포넌트의 이해 § Virtual DOM
§
컴포넌트 연습하기
40
7
React
§
Context API
§
Hook
§
사용자 정의 Hook 연습하기
§
Router
40
8
React
§
상태관리
§
따라하면서 배우는 React
40
8시간/일 x 5일/주 x 8주 = 320시간 교육
§ (2학기 전공 교과목 수업) 여름방학 집중 교육과정을 성공적으로 이수한 수강생을 대상으로 진행하
는 프로젝트 기반의 교육과정으로서, 팀별 프로젝트 수행을 통해서 실전 SW개발팀을 경험
- 웹프론트엔드설계A(6학점 12시수), 웹프론트엔드설계B(6학점 12시수) 교과목을 수강 ⇒ 12학점
2학기 전공 교과목 수업 (변동 가능)
주차
교육주제
세부 교육 내용
시간
1
VanillaJS 활용
VanillaJS를 활용한 Notion 클로닝 프로젝트
§
백엔드 기능은 API를 통해 미리 제공
§
API를 통해 루트 문서 렌더링
§
루트 문서 클릭 → 편집기 영역에 해당 문서의 내용 렌더링
§
하위 문서들을 트리 형태로 표현하는 사용자 인터페이스 구현
§
Document API를 이용하여 서버에 변경내역 저장
24
2
24
3
24
4
24
5
24
6
24
7
24
8
24
9
React/Vue
활용
React/Vue를 활용한 관심사 기반 SNS 프로젝트
§
백엔드 기능은 API 를 통하여 미리 제공
- 인증, 사용자 정보, 채널 목록 및 정보 - 포스트 생성, 조회, 댓글 등록 등
§
제공된 API 를 이용하여 자유 주제로 프론트엔드 기획 및 개발
24
10
24
11
24
12
24
13
24
14
24
15
24
6시간/일 x 4일/주 x 15주 = 360시간 교육 (인정학점 12학점)
2025
년
목원대학교 학생증 체크카드 신청 이용가이드
(
신한
SOL Bank )
목원대학교
입학을 축하합니다
!
신한은행은 여러분의 빛나는 시작을 응원합니다
학생증 카드에
IC칩을 삽입하여 대학 내 신분증 기능은 물론,
도서관 이용
, 전자출결, 무인택배, 보안시스템, 체크카드 기능
이 결합된 새로운 ‘학생 스마트 카드’ 입니다
!
0
0
사전 가이드
목원대학교 학생증
, 살펴보기!
도서관 출입
도서 대여 및 반납
음악 대학 건물 출입
채플 출석 체크
0
0
사전 가이드
학생증
, 언제 만나 볼 수있나요?
3월 4일부터 학생증 발급을 위한 절차 시작 (은행으로 학적부 이동)
이후 학생증 발급
URL이 적힌 메시지 발송 시작!
늦어도
3월 11일까지 메시지 발송
신청한 날부터
2주 이상 소요되며 학생증
카드는 추후 일괄 배부 예정입니다
!
아래 항목을 준비하시면 더 빠른 신청이 가능합니다
!
0
0
사전 가이드
URL 문자를 받은 당신, 신분증과 어플 잊지 말기!
1
주민등록증
or 운전면허증 or 국내여권
준비 해주세요
!
김목원
3
0
4
2
신한
SOL Bank 앱 다운로드
Part 1
신한
SOL Bank
회원가입
0
1
시작은
SOL 회원가입!
회원가입은 ① 카카오톡 계정 또는 ② 휴대폰 번호로 가능
!
0
1
회원가입은 ① 카카오톡 계정 또는 ② 휴대폰 번호로 가능!
시작은
SOL 회원가입!
0
1
회원가입은 ① 카카오톡 계정 또는 ② 휴대폰 번호로 가능
!
시작은
SOL 회원가입!
!
공일공
-1234-
5678
공일공
-1234-
5678
Part
2
입출금 통장
& 학생증 체크카드 동시 신청하기
계좌와 학생증을 동시에
!
은행 계좌와 학생증을 간단하고
, 빠르게!
URL : https://nsol.shinhan.com/link.html?
pr_id=PR1201S0002F01&PR_ID=PR1201S0002F01&prdtCS20=AMA97N
0
2
신한
SOL Bank 앱 설치 및 신한은행 계좌가 기존에 없었다
면
, ‘학생증 체크카드’ 선택 후 [계좌+카드 신청] 클릭!
0
2
메인화면 하단
[상품] 선택하고,
- > 상품 페이지에서 [카드] 선택하세요
체크카드 선택하세요
!
체크카드
리스트하단에 학생증
체크카드 선택하세요
① 신한은행 계좌가 있으신 분은
<체크카드 신청>
② 계좌가 없으신 분은
<통장, 카드 동시 개설> 항목을 눌러주세요!
계좌와 학생증을 동시에
!
은행 계좌와 학생증을 간단하고
, 빠르게!
비대면
실명 확인
아
래
쪽
으
로
① SOL 메인화면 상품 카드 체크카드
②
SOL 전체메뉴 상품가입 카드 체크카드
신한은행 계좌가 없는 경우
,
① 안면인증
② 다른 은행 계좌인증
③ 영상통화
中 택
1, 실명인증 진행해주세요!
신한은행 계좌가 있는 경우
계좌 정보로 인증합니다
계좌와 학생증을 동시에
!
미리 준비해두었던 신분증을 꺼내주세요
!
0
2
상품별 약관을 읽어보시고
필수 항목은 꼭 동의 눌러주세요
!
화면 하단의 다음 버튼 클릭
고객 기본정보를 입력합니다
.
(고객정보)
학교 정보를 입력해주세요
(학적 정보)
S20 체크카드 학생증 카드!
아
래
쪽
으
로
0
2
계좌와 학생증을 동시에
!
약관은 맨 밑 부분까지 스크롤 해주셔야 해요
~
학생증카드 연결계좌의
정보를 입력해주세요
(비밀번호 설정)
체크카드에 필요한
정보를 입력해주세요
영문명은 ‘ 성 ’ 과 ‘이름’을 띄어
써주세요
[김 목원 = KIM 띄고
MOKWON]
최종 정보 확인
모바일학생증 발급대상 대학만
선택 가능합니다
.
계좌와 학생증을 동시에
!
약관은 맨 밑 부분까지 스크롤 해주셔야 해요
~
0
2
신한쏠대학교
신청 완료
!
목원대학교 학생을 위한
헤이영 캠퍼스 반값점심 혜택
헤이영 캠퍼스에서
<반값점심> 받는 방법 알려 드려요
점심값 받기
매주
5회 가능
매주 최대
15,000
원까지 혜택 제공
!
헤이영 캠퍼스
<반값점심> 궁금하신 점 알려드려요.
점심값 받기
Part 3
신한의 진심
학생증 체크카드와
SOL 트래블
0
3
신한은 여러분과 함께 합니다
카페
+ 영화 + 편의점 + 통신비 + 교통비 + 토익 =
!
S20 학생증 체크카드
0
3
신한은 여러분과 함께 합니다
20대, 이보다 여행가기 좋은 때는 없다
SOL 트래블 체크카드
① 현지 통화 결제 및 환전수수료 무료
(해외 42개국)
해외에서 결제할 때 최대한 저렴하게
, 환율 우대 100%
② 해외
ATM 이용 수수료 면제
미리 번거롭게 환전할 필요없이
, 해외에서 뽑아 쓰자
③ 전 세계
1200개 「더 라운지」 공항라운지 무료
식사부터 샤워까지
, 공항 라운지에서 여유롭게 쉬다가세요~
④ 짱구와 도라에몽
..놓칠 수 없는 귀여움
0
3
신한은 여러분과 함께 합니다
일주일 동안
10만명이 선택한 카드 – SOL 트래블
체크카드 발급 마지막 화면에서
,
① 카드관리 영업점 「도안」
② 추천인 코드 ‘ 도 안 ’ 「박성희」
(~130)
SOL 트래블 카드 발급 절차
SOL 트래블 외화예금
SOL 트래블 카드 체크카드
발급
박성희(22201130)
THANK
YOU
신한은행 도안지점에서 뵙겠습니다
!
