QUICK
MENU

프론트엔드 개발

웹표준부터 react, node, Typescript 까지, 프론트엔드 개발자로 발돋움!
프론트엔드 개발자는 웹에서 사용자가 웹 페이지나 웹 애플리케이션과 상호 작용하는 부분을 담당합니다. 웹 사이트를 시각적으로 매력적이고 사용자 친화적으로 만들기 위한 노력을 합니다. 주요 기술과 언어로는 HTML 로 웹페이지의 구조를 잡고, CSS 로 스타일과 레이아웃을 작업하고, Javascript로 웹 사이트의 동적인 부분 등 다채로운 상호 작용을 담당합니다.
이번 과정에서는 기본적인 웹표준(HTML, CSS, Javascript) 활용을 최대한 높이고, node.js 를 활용해서 백엔드 기초 및 고급 스킬을 익혀 취업에 필요한 실무 기술을 습득하는데 목적을 둡니다.
  • 교육기간

    6개월

  • 교육난이도

    입문~고급

  • 정원

    20명 내외

  • 전화상담

    051-914-5890

    주말 · 공휴일 상담 및 접수가능
이런분들에게 추천합니다
본 과정은 HTML 입문부터 시작하여 CSS, Javascript를 활용한 퍼블리싱 기술과 Javascript로 서버와 클라이언트를 구축하는 고급기술까지 구성되어 있습니다.
단순히 웹 페이지 화면 구현에 그치지 않고 서버와 클라이언트를 구축하는 고급 스킬과 최신 동향과 기술을 습득하길 원하시는 수강생에게 추천합니다.
취업분야
웹 페이지를 만들고 유지보수하는 분야의 회사에서 프론트엔드 개발자는 중요한 역할을 담당합니다.
최근 다양한 분야에서 웹 및 모바일 애플리케이션을 개발하고 있으며, 기술의 발전과 디지털 분야의 확대로 인해 새로운 분야에서의 취업 기회도 점점 늘어나고 있습니다.
커리큘럼안내
프론트엔드 6개월 과정은 초반 3개월과 후반 3개월 과정으로 나눌 수 있습니다.
초반 3개월 과정 중 2개월차에서는 퍼블리싱을 통해 웹페이지 제작과 관련된 프로젝트 결과물을 만들어내고, 후반 3개월 과정은 Javascript를 기반으로 database, 웹 서버 구축 node, React, TypeScript를 학습해 프로젝트까지 완성합니다.
  • HTML / CSS / 웹 접근성과 웹표준
    개발환경 구축
    - 인터넷의 동작 원리 이해
    - VS Code 설치

    HTML
    - 문서구조
    - 구조를 나타내는 요소
    - 박스 모델과 컨텐츠 모델
    - 웹 폼 요소
    - 의미적 마크업 / FTP 프로그램

    CSS
    - CSS의 역할과 적용 방법
    - 선택자와 상속
    - CSS 컬러 적용
    - 웹 글꼴 이용하기
  • 퍼블리싱 / git, github / 세미 웹 퍼블리싱 프로젝트
    CSS
    - CSS 테이블
    - display와 visibility / position / z-index
    - 다단 나누기
    - CSS 애니메이션
    - 플레서블 박스 레이아웃
    - 반응형 웹과 미디어 쿼리

    실전 퍼블리싱 프로젝트
    - 프로젝트 설계
    - 페이지 마크업, 스타일 적용
    - 반응형 적용
    - git, github
  • Javascript 기초 및 응용
    - Javascript란?
    - 적용 방법 및 출력 / 변수
    - 타입 변환과 연산자
    - 제어문(조건문, 반복문)
    - 배열과 다차원 배열
    - 함수(내장함수, 사용자 정의 함수)
    - 객체와 생성자
    - 브라우저와 문서 객체 모델
    - 폼과 이벤트 다루기
  • 프론트엔드 중급 / react
    React
    - React 란?
    - 환경 설정 및 구조 설명
    - 컴포넌트, JSX, props
    - Hook
    - useState, useRef, UseEffect, seMemo, useCallback
    - usereducer / Context API / Immer
    - 클래스형, 함수형 컴포넌트
    - 컴포턴트 스타일링
    - 간단한 react 앱 프로젝트

    Rest
    - API 연동
    - Rest 란
    - Rest API 를 이용한 예제 다루기
  • 웹서버 이해 및 Node.js
    Node.js
    - Javascript로 구축하는 서버
    - node.js 설치
    - 웹서버 / 요청, 응답 객체 / 동적 파일 제공
    - 라우팅 처리 / 미들웨어 / 비동기 패턴
    - 쿠키 및 세션 다루기

    DBMS와 SQL
    - NoSQL, MongoDB 설치 및 환경설정
    - node.js + MongoDB 활용
    - 이메일 보내기 / 파일 업로드
    - Node.js 소켓 / 간단한 채팅 구현
  • TypeScript / 프로젝트
    TypeScript
    - TypeScript 란?
    - 개발 환경 구축
    - 기본 타입과 변수 선언
    - 함수형 타입
    - Enum 타입 / 배열과 튜플
    - Intersection 타입 / Union 타입
    - 객체지향 프로그래밍이란?
    - 제네릭 기초와 실습 예제

    실전 프로젝트 진행
성공적인 취업 준비! 코리아IT아카데미에서 시작하세요!
  • 주식회사 엔셀
    학원 수업은 체계적이면서 집에서 혼자 독학할 때보다 훨씬 많은 양과 내용을 전문가에게 배울 수 있고, 같이 배우는 수강생들과 함께 이해하고 복습할 수 있다는 점이 가장 큰 장점입니다.
  • 하우리
    비전공자의 가능성을 알려준 코리아 IT 아카데미 덕분에 새로운 기회를 얻을 수 있었습니다.
  • 민애이엔지
    무엇보다 실력과 인성 모두 갖춘 뛰어난 강사님과 취업 담당자님에게 도움을 받을 수 있다는 점이 큰 장점입니다.
  • ㈜데이터메트렉스코리아
    이해하지 못하는 부분이나 코딩에서 오류가 발생하는 경우 강사님께 바로 피드백을 받을 수 있어 학습 효과를 높일 수 있었습니다.
  • ㈜위넷시스템
    진로를 정하고 회사를 정함에 있어서 강사님과 취업담당관님이 상담을 자주해 주셔서 많은 도움이 되었습니다.
  • ㈜이트론
    강사님, 취업담당관님, 멘토님들께서 가이드라인을 정말 올바르게 제시를 해주셔서 굉장히 많은 도움이 됐던 것 같습니다.
  • ㈜이트론
    취업담당관님과 그리고 멘토님들, 원장님이나 부원장님의 지원이 많은 도움이 된 것 같습니다.
  • 시야 INSIGHT
    실제 다양한 기관과 제휴하고 있고 지원할 수 있어서 취업에 도움이 되었습니다.
소통하고 공감하는 취업 지원 프로그램
MOU Convention
- 기술 자문 및 과정설계 개발 참여
- 수강생 인턴 체험 기회
- 기업 견학
- 현직 실무진과의 만남 주선
- 취업 연계
Job - Matching Service
경쟁력 있는 IT우수 기업과 수강생과의 연결고리
- 구인의뢰 수리
- 기업 방문 및 평가
- 인재발굴
- 기업과 수강생과의 연결
4 Step Counseling System
개인별 최적 업체 선정
  • 이력서&자기소개서 역량기술서

  • 직무 능력과 업체간의 연관성 파악

  • DB를 활용한 기업정보 제공

  • 전략적인 취업 컨설팅 제공

빠른 수강료조회

  • 해당 수강 유형 선택해 주세요.
  • 가까운 지점을 선택해 주세요.
    • 신청하시는 분의 이름과 연락처를 입력해 주세요.
      • -
      • -
      • 입력하신 정보가 사실과 다를시에는 조회서비스를 받으실 수 없습니다.
      • 기입하신 정보는 상담 목적외에 다른 용도로 절대 사용되지 않습니다.

    간편하게 관심있는 일반/국비지원 과정 수강료 알아보세요!

    원하시는 과정을 선택해주세요. 교육과정은 중복 선택이 가능합니다.
    • 다른학과 희망 시 다른 학과를 선택하여 클릭해 주세요.
    • 해당 수강 유형 선택해 주세요.
    • 가까운 지점을 선택해 주세요.
      • 신청하시는 분의 이름과 연락처를 입력해 주세요.
        • -
        • -
        • 입력하신 정보가 사실과 다를시에는 조회서비스를 받으실 수 없습니다.
        • 기입하신 정보는 상담 목적외에 다른 용도로 절대 사용되지 않습니다.

      국내 최대, 최신화로 업데이트된 컴퓨터 시설을 수강생이면 누구나 마음껏 사용

      • 2019 강남캠퍼스

        3년 인증 우수
        훈련기관 선정

      • 2020 신촌캠퍼스

        5년 인증 우수
        훈련기관 선정

      • 2021 대구캠퍼스

        5년 인증 우수
        훈련기관 선정

      • 2022 강남캠퍼스

        5년 인증 우수
        훈련기관 선정

      • 2021 강남캠퍼스

        훈련 이수자 평가
        A등급 획득

      • 2022 신촌캠퍼스

        훈련 이수자 평가
        A등급 획득

      • 7년 연속

        대한민국 교육브랜드 대상
        정보보안·IT 교육

      • 4년 연속

        대한민국 브랜드스타 대상
        학원교육서비스

      • 5년 연속

        올해의 브랜드 대상
        취업교육서비스

      • 4년 연속

        퍼스트브랜드 대상
        취업교육서비스

      빠른 수강료 조회

      일반/국비지원 과정 바로 알아보시겠어요?

      닫기
      • 해당하는 수강료 유형을 선택해 주세요
      • 관심있는 분야를 선택해 주세요.
      • 교육희망지점을 선택해주세요
        • 신청하시는분의 이름과 연락처를 입력해 주세요.
          • -
          • -