상담신청
이름*
연락처*
- -
문의사항
내용확인
  • 032-421-7771

FRONT-END

프론트엔드

수강기간5개월

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

핵심포인트!

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

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

CURRICULUM교육과정

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

  • 1주차

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

  • 2주차

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

  • 3주차

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

  • 4주차

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

1개월

HTML/CSS

  • 1주차

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

  • 2주차

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

  • 3주차

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

  • 4주차

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

2개월

HTML./CSS +Javascript

  • 1주차

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

  • 2주차

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

  • 3주차

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

  • 4주차

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

3개월

Javascript와 jQuery 실습

  • 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문법 사용과 컴포넌트 작성하기

4개월

Node.Js 와 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 - 기본 앱 컴포넌트 변경 및 스타일 적용하기

5개월

React와 포트폴리오

빠른 전화상담 신청

  • 이름
  • 지점
  • 연락처 - -

개인정보 수집동의 보기

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

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

수강생 인터뷰

INTERVIEW

수강생 인터뷰 더보기

실시간수강후기

REVIEW

실시간 수강후기 더보기

권O윤수강생

수업을 듣기 전의 저는 파이썬이나 다른 컴퓨터 언어들에 대하여 제로베이스였던  상태였습니다. 걱정되는 마음으로 수업을 듣기 시작하였는데 결과적으로 보람쌤의 듣게 된것은 저에게 큰 행운이었습니다:) 수업을 들으며 제가 가장 좋았던 부분 3가지를 적어보겠습니다. 1. 첫번째는 연습문제를 이용하여 공부했던 것입니다. 선생님께서 예제를 풀어주신 후에 수강생들이 연습문제를 풀어 개념을 응용시키는 방법을 익힐 뿐만 아니라 각 언어에 필수적인 개념들을 빠르게 습득할 수 있었습니다. 직접 문제를 풀며 결과물을 보니 코딩 자체에 흥미가 높아지고 수업에 더 적극적으로 참여하려는 마음이 커졌던 것 같습니다.  2. 두번째는 강의 목차의 구성입니다. 보통의 책들과 강의 목록이 살짝 달랐는데 예시로 스트링 부분을 다른 변수들과 같이 배우지 않고 기본적인 큰 틀을 모두 배운 후 수업을 진행하셨습니다. 개인적으로 저에게는 이 방식이 잘 맞았습니다. 숫자와 문자를 함께 배웠다면 체계가 잡하지 않은 상태에서는 오히려 헷갈렸을 수도 있었을 것 같다는 생각이 듭니다. 3. 마지막으로 학생들과의 의사소통 입니다. 연습문제를 숙제로 내주실 때도 있는데 어렵거나 헷갈리는 부분들을 메일로 질문하면 항상 친절하게 답변을 해주셨습니다. 코딩을 처음 해보는 사람인지라 질문이 많았었는데 선생님 덕분에 자유로운 분위기 속에서 편하게 질문을 할 수 있었습니다. 그리고 현직에서 일을 하다가 오셔서 현실적인 조언들도 해주시고 개발자가 하는 일들을 설명해 주셔서 도움이 많이 되었습니다.  보람쌤의 강의내용 구성이나 방식이 저와는 정말 잘 맞아서 나중에 C언어도 선생님께 배울 생각입니다!

메가 선생님

MEGA TEACHER

강사소개 더보기

기초프로그래밍

박상석 강사

SW특기자전형

정하영 강사

웹프로그래밍

신보람 강사

웹프로그래밍

이상덕 강사

프로그래밍, OA과정

김현수 강사

소프트웨어

박연미 강사

네트워크보안과정

배지훈 강사

소프트웨어

이서희 강사

웹프로그래밍

김지연 강사

웹개발

이세라 강사

빅데이터 사이언스

김진성 강사

안드로이드 프로젝트

안성은 강사

빅데이터 사이언스

서현경 강사

기초프로그래밍,서버

최미래 강사

프론트엔드 프로젝트

임창용 강사

IT입시 웹개발 프로젝트

김지예 강사

웹 개발 프로젝트

안병욱 강사

빅데이터 사이언스

박성환 강사

프론트엔드 프로젝트

이은정 강사

진로진학연구소

김영일 강사

간편 상담 / 수강료 문의

학과선택 희망하시는 학과를 선택해 주세요.
인기과정 다른학과 희망 시 위 학과선택에서 클릭해 주세요.
기타과목

15자 이내로 입력해주시기 바랍니다.
과목 입력 후 엔터키를 눌러주세요.

희망교육과정
캠퍼스
이름
연락처 - -
문의사항
  • 개인정보 수집동의 보기

    • 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아카데미는 책임지는 교육을 원칙으로 하고 있습니다. 좋은 시설과 교육으로 수강생 여러분의 발걸음에 올바른 나침반이 되어 드리겠습니다.

List
  • 인천캠퍼스 위치안내

  • 주소

    인천광역시 남동구 예술로 174
  • 대표전화

    032-421-7771
  • 지하철 이용시

    인천지하철 예술회관역 4번출구 에서 15m