FRONT-END

프론트엔드

수강기간

5개월

수업일

평일반 주 3일 / 주말반 주 2일(토,일)

핵심포인트!

벡엔드와 프론트 앤드 기술을 모두 익혀
더나은 개발자로 거듭나기!

웹개발은 프론트엔드와 백엔드의 분야로 나눌 수 있고, 프론트엔드는 사용자의 화면에 나타나는 웹 화면을 만드는 기술을 공부합니다. 현업 실무자가 직접 지도하며 단순 기초적인 구현에 그치는 것이 아닌 HTML/CSS 에서 부터 Node.js / React 까지 프론트앤드 취업을 위한 기술을 습득하는데 특화 되어 있는 과정 입니다.

CURRICULUM교육과정

교육과정의 개월수를 선택하여 세부과정을 볼 수 있습니다.

HTML/CSS

  • 1주차

    개발환경 구축 및 HTML 문서 작성 -작업 디렉토리 생성과 HTML 구조 작성하기 HTML5, CSS3 박스모델 구조의 이해 -태그 배치 속성과 박스모델 구조 이해하기 링크와 미디어 콘텐츠 요소 사용 -하이퍼 링크 연결과 미디어 콘텐츠 출력 예제 만들기

  • 2주차

    리스트 형태의 레이아웃 구현 - 이미지 리스트 만들기 DOM 요소의 정렬 -요소를 정렬시키는 다양한 방법 활용하기

  • 3주차

    DOM 요소의 위치 제어 - position 속성을 이용하여 요소의 x,y,z축 위치 제어하기 그리드 레이아웃과 플렉스박스 1 - grid와 flex-box 속성의 특징 이해하기 그리드 레이아웃과 플렉스박스 2 - grid와 flex-box를 이용한 웹 레이아웃 구조 작성하기

  • 4주차

    시멘틱 웹 페이지 - HTML 시멘틱 태그로 웹 레이아웃 구조 작성하기 웹 화면의 구성요소

HTML./CSS +Javascript

  • 1주차

    크로스 브라우징 - 크로스 브라우징 개념 이해와 처리 방법 익히기 반응형 웹 레이아웃 1 - 반응형 웹 사례 분석과 레이아웃 기본 구조 작성하기 반응형 웹 레이아웃 2 - 미디어 쿼리를 이용한 반응형 웹 구현하기

  • 2주차

    CSS3 Animation, CSS3를 활용한 2D & 3D

  • 3주차

    CSS 애니메이션 2 - 섬세한 애니메이션 동작 표현하기 실용 예제 구현 - 다이아이몬드 메뉴 만들기 자바스크립트 프리뷰 -자바스크립트의 특징과 활용 형태 알아보기

  • 4주차

    자바스크립트 기초 문법 1 - 변수, 상수, 연산자 개념 이해하기 자바스크립트 기초 문법 2 - 조건문, 반복문, 함수, 메소드 개념 이해하기

Javascript와 jQuery 실습

  • 1주차

    JavaScript 본격 기초문법 - 객체와 배열 개념을 이해하고 간단한 쇼핑몰 로직 작성하기 자바스크립트의 DOM 접근과 조작 - 선택자, 이벤트 문법을 이해하고 HTML 태그에 적용하기 자바스크립트 클래스 - 자바스크립트 클래스를 정의하고 상황에 맞는 안내 문구창 띄우기

  • 2주차

    자바스크립트 활용 예제 실습 - 모달 팝업창과 슬라이더 만들기 제이쿼리 기초 문법과 DOM 접근 - 제이쿼리 선택자와 이벤트 문법 학습하기

  • 3주차

    제이쿼리 메소드 활용과 실용 예제 구현 - 애니메이션 배너, 타이머, to do list 만들기 UI 라이브러리 활용 - UI 템플릿 라이브러리와 슬라이더 라이브러리 연동하기 Ajax와 http 통신 - 제이쿼리 Ajax 사용 방법을 이해하고 http 통신 구현하기

  • 4주차

    API 연동과 데이터 조작 - 우편번호 API 연동을 통한 주소검색 UI 구현하기 웹 퍼블리싱 포트폴리오 작업 - 포트폴리오 관련 개별 상담 및 작업 진행

Node.Js 와 React

  • 1주차

    Node.js 웹 서버 생성 - Node.js 개발환경 설정과 웹 서버 생성하기 Node.js 라우터. - 라우터 개념을 이해하고 http통신 요청과 응답 객체 다루기 Express 프레임워크와 MVC 패턴 - Express 프레임워크 연동 및 MVC 패턴 구조 작성하기

  • 2주차

    UI 템플릿 엔진과 데이터 연동 - ejs와 jade 사용법을 이해하고 화면에 데이터 출력하기 SSR 방식 데이터 연동 - 서버사이드 렌더링 개념을 이해하고 화면에 데이터 연동하기

  • 3주차

    DB와 SQL 기초 문법 - MySQL DB 설치, RDB 개념 이해, SQL구문 실행하기 REST API 1 - DB 테이블 구조 작업 및 Node.js와의 연동 REST API 2 - 실데이터를 연동하여 간단한 입출력 API 만들기

  • 4주차

    React.js 기초 문법 1 - 리액트 개발환경 설정과 Virtual DOM 개념 이해하기 React.js 기초 문법 2 - JSX문법 사용과 컴포넌트 작성하기

React와 포트폴리오

  • 1주차

    React.js 기초 문법 3 - state와 props 개념과 데이터의 흐름 이해하기 React와 API 활용 - 영화 정보 검색 API 연동과 데이터 처리 실습하기 SPA 기법과 CSR 방식 활용 - SPA의 구조와 CSR 작동 원리를 이해하고 예제 작성하기

  • 2주차

    Redux 기본 개념 - 리덕스 패키지 설치 및 기본 개념 이해하기 React에 Redux 사용하기 - 리덕스 상태 관리 방식을 이해하고 카운터 예제 작성하기

  • 3주차

    React.js를 이용한 SPA 포트폴리오 작성 1 - CRUD 기능이 들어간 React SPA 웹 포트폴리오 작성 React.js를 이용한 SPA 포트폴리오 작성 2 - CRUD 기능이 들어간 React SPA 웹 포트폴리오 작성 React.js를 이용한 SPA 포트폴리오 작성 3 - CRUD 기능이 들어간 React SPA 웹 포트폴리오 작성

  • 4주차

    RN 체험 1 - 리액트 네이티브를 이용한 기본 앱 생성 및 모바일 프론트 환경에 대해 알아보기 RN 체험 2 - 기본 앱 컴포넌트 변경 및 스타일 적용하기

IT도 메가스터디가 하면 다르다!

대한민국 입시 No1. 메가스터디 교육그룹에서 4차 산업혁명의 성장과 미래에 발맞추기 위하여 메가스터디IT아카데미를 런칭하였습니다.

실시간 수강후기REVIEW

더보기

간편상담/수강료 문의

학과선택 희망하시는 학과를 선택해 주세요.
기본단과과정 다른학과 희망 시 위 학과선택에서 클릭해 주세요.
희망교육과정

캠퍼스*

이름*

연락처*

-

문의사항

1. 개인정보의 수집 목적
- 커리어게이트 사이트 내 서비스 제공 계약의 성립 및 유지 종료를 위한 본인 식별 및 실명확인, 가입의사 확인, 회원에 대한 고지 사항 전달 등
- 커리어게이트 사이트 내 서비스 제공을 위한 통합ID 제공, 고객센터 운영, 불량회원 부정이용 방지 및 비인가 사용방지, 이벤트 및 마케팅 기획관리, 서비스 개발을 위한 연구조사, 물품 등의 배송 등
- 커리어게이트 사이트 내 서비스 관련 각종 이벤트 및 행사 관련 정보안내를 위한 전화, SMS, 이메일, DM 발송 등의 마케팅 활동 등
- 당사 및 제휴사 상품서비스에 대한 제반 마케팅(대행포함) 활동 관련 전화, SMS, 이메일, DM 발송을 통한 마케팅, 판촉행사 및 이벤트, 사은행사 안내 등

2. 수집하는 개인정보 항목
[필수입력사항 ]
- 성명, 아이디, 비밀번호, 이메일주소, 주소, 우편물수령지, 전화번호(휴대폰번호 포함),이메일주소, 생일 등
(i-PIN을 통한 신규가입의 경우 주민등록번호가 아닌 본인 확인 기관이 제공한 정보를 수집합니다.)
[선택입력항목]
- 이메일/SMS/전화/DM 수신동의 ,결혼 여부, 결혼기념일, 기타 기념일, 선호 브랜드 등 개인별 서비스 제공을 위해 필요한 항목 및 추가 입력 사항
[서비스 이용 또는 사업처리 과정에서 생성 수집되는 각종 거래 및 개인 성향 정보]
- 서비스이용기록, 접속로그, 쿠키, 접속IP정보, 결제기록, 이용정지기록 등 단, 이용자의 기본적 인권 침해의 우려가 있는 민감한 개인정보(인종 및 민족, 사상 및 신조, 출신지 및 본적지, 정치적 성향 및 범죄기록, 건강상태 및 성생활 등)는 수집하지 않습니다.

3. 개인정보의 보유/이용기간 및 폐기
당사(패밀리 사이트 내)는 수집된 회원의 개인정보는 수집 목적 또는 제공 받은 목적이 달성되면 지체없이 파기함을 원칙으로 합니다. 다만, 다음 각 호의 경우 일정기간 동안 예외적으로 수집한 회원정보의 전부 또는 일부를 보관할 수 있습니다.
- 고객요구사항 처리 및 A/S의 목적 : 수집한 회원정보를 회원탈퇴 후 30일간 보유
- 당사가 지정한 쿠폰 서비스의 임의적인 악용을 방지 하기 위한 목적 : 수집한 회원정보 중 회원의 기념일 쿠폰 사용여부에 관한 정보를 회원 탈퇴 후 1년 간 보유
- 회원 자격 상실의 경우 : 커리어게이트 사이트 내 부정 이용 및 타 회원의 추가적인 피해 방지를 위해 수집한 회원정보를 회원 자격 상실일로부터 2년간 보유
- 기타 당사 및 제휴사가 필요에 의해 별도로 동의를 득한 경우 : 별도 동의를 받은 범위 (회원정보 및 보유 기간) 내에서 보유

상기 조항에도 불구하고 상법 및 '전자상거래 등에서 소비자보호에 관한 법률'등 관련 법령의 규정에 의하여 다음과 같이 일정기간 보유해야 할 필요가 있을 경우에는 관련 법령이 정한 기간 또는 다음 각 호의 기간 동안 회원정보를 보유할 수 있습니다.
- 계약 또는 청약철회 등에 관한 기록 : 5년
- 대금결제 및 재화등의 공급에 관한 기록 : 5년
- 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년

개인정보를 파기할 때에는 아래와 같이 재생할 수 없는 방법을 사용하여 이를 삭제합니다.
- 종이에 출력된 개인정보 : 분쇄기로 분쇄하거나 소각
- 전자적 파일 형태로 저장된 개인정보 : 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제
전국지점안내

Mega IT Academy Location

메가스터디 교육그룹, 메가스터디IT아카데미는 책임지는 교육을 원칙으로 하고 있습니다. 좋은 시설과 교육으로 수강생 여러분의 발걸음에 올바른 나침반이 되어 드리겠습니다.

강남캠퍼스 위치안내

주소 서울특별시 강남구 강남대로94길 13, 삼경빌딩 1층~5층
대표전화 02-588-9991
지하철이용시 [2호선] 강남역 11번출구,12번출구 2분거리

신촌캠퍼스 위치안내

주소 서울특별시 마포구 노고산동 40-1, 적암빌딩 3층,4층
대표전화 02-702-1999
지하철이용시 [2호선/경의선]신촌역 5번출구 2분거리

부산캠퍼스 위치안내

주소 부산 부산진구 중앙대로 668 에이원프라자 14층
대표전화 051-804-9991
지하철이용시 서면몰 16번 출구 도보 2분

인천캠퍼스 위치안내

주소 인천광역시 남동구 예술로 174
대표전화 032-421-7771
지하철이용시 인천지하철 예술회관역 4번출구 에서 15m

수원캠퍼스 위치안내

주소 경기도 수원시 팔달구 권광로 181 6층
대표전화 031-222-5670
지하철이용시 수원시청역 8번출구 100m

빠른수강료조회하기

캠퍼스를 선택해 주세요

관심과정

이름

연락처

- -
1. 개인정보의 수집 목적
- 커리어게이트 사이트 내 서비스 제공 계약의 성립 및 유지 종료를 위한 본인 식별 및 실명확인, 가입의사 확인, 회원에 대한 고지 사항 전달 등
- 커리어게이트 사이트 내 서비스 제공을 위한 통합ID 제공, 고객센터 운영, 불량회원 부정이용 방지 및 비인가 사용방지, 이벤트 및 마케팅 기획관리, 서비스 개발을 위한 연구조사, 물품 등의 배송 등
- 커리어게이트 사이트 내 서비스 관련 각종 이벤트 및 행사 관련 정보안내를 위한 전화, SMS, 이메일, DM 발송 등의 마케팅 활동 등
- 당사 및 제휴사 상품서비스에 대한 제반 마케팅(대행포함) 활동 관련 전화, SMS, 이메일, DM 발송을 통한 마케팅, 판촉행사 및 이벤트, 사은행사 안내 등

2. 수집하는 개인정보 항목
[필수입력사항 ]
- 성명, 아이디, 비밀번호, 이메일주소, 주소, 우편물수령지, 전화번호(휴대폰번호 포함),이메일주소, 생일 등
(i-PIN을 통한 신규가입의 경우 주민등록번호가 아닌 본인 확인 기관이 제공한 정보를 수집합니다.)
[선택입력항목]
- 이메일/SMS/전화/DM 수신동의 ,결혼 여부, 결혼기념일, 기타 기념일, 선호 브랜드 등 개인별 서비스 제공을 위해 필요한 항목 및 추가 입력 사항
[서비스 이용 또는 사업처리 과정에서 생성 수집되는 각종 거래 및 개인 성향 정보]
- 서비스이용기록, 접속로그, 쿠키, 접속IP정보, 결제기록, 이용정지기록 등 단, 이용자의 기본적 인권 침해의 우려가 있는 민감한 개인정보(인종 및 민족, 사상 및 신조, 출신지 및 본적지, 정치적 성향 및 범죄기록, 건강상태 및 성생활 등)는 수집하지 않습니다.

3. 개인정보의 보유/이용기간 및 폐기
당사(패밀리 사이트 내)는 수집된 회원의 개인정보는 수집 목적 또는 제공 받은 목적이 달성되면 지체없이 파기함을 원칙으로 합니다. 다만, 다음 각 호의 경우 일정기간 동안 예외적으로 수집한 회원정보의 전부 또는 일부를 보관할 수 있습니다.
- 고객요구사항 처리 및 A/S의 목적 : 수집한 회원정보를 회원탈퇴 후 30일간 보유
- 당사가 지정한 쿠폰 서비스의 임의적인 악용을 방지 하기 위한 목적 : 수집한 회원정보 중 회원의 기념일 쿠폰 사용여부에 관한 정보를 회원 탈퇴 후 1년 간 보유
- 회원 자격 상실의 경우 : 커리어게이트 사이트 내 부정 이용 및 타 회원의 추가적인 피해 방지를 위해 수집한 회원정보를 회원 자격 상실일로부터 2년간 보유
- 기타 당사 및 제휴사가 필요에 의해 별도로 동의를 득한 경우 : 별도 동의를 받은 범위 (회원정보 및 보유 기간) 내에서 보유

상기 조항에도 불구하고 상법 및 '전자상거래 등에서 소비자보호에 관한 법률'등 관련 법령의 규정에 의하여 다음과 같이 일정기간 보유해야 할 필요가 있을 경우에는 관련 법령이 정한 기간 또는 다음 각 호의 기간 동안 회원정보를 보유할 수 있습니다.
- 계약 또는 청약철회 등에 관한 기록 : 5년
- 대금결제 및 재화등의 공급에 관한 기록 : 5년
- 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년

개인정보를 파기할 때에는 아래와 같이 재생할 수 없는 방법을 사용하여 이를 삭제합니다.
- 종이에 출력된 개인정보 : 분쇄기로 분쇄하거나 소각
- 전자적 파일 형태로 저장된 개인정보 : 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제
  • 강남

    대표자: 정선화 교육담당: 교육상담실

    주소:서울특별시 강남구 강남대로94길 13 삼경빌딩 1층~5층

  • 사업자등록번호: 852-85-01066 통신판매업신고번호: 제2019-서울강남-02814호

    학원운영등록번호: 제12954호

  • 대표번호: 1899-1148 E-mail: partnership@careergate.co.kr

    개인정보책임자: 류용현

  • (주)커리어게이트 사업자번호: 640-81-01354 ⓒ MEGA ACADEMY Corp.