캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

프론트엔드개발자

  • 일반
  • 실업자
  • 재직자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

프론트엔드개발자
웹퍼블리셔 기반의 프론트엔드 개발자 취업과정
주제소주제주요내용훈련시간
웹 환경의 이해
  • http와 인터넷 환경
  • 웹 서버와 클라이언트
  • 웹 사이트 제작 과정
  • 웹 사이트 제작 과정
  • 웹 기반의 프론트엔드 개발 환경 구성
  • http와 인터넷 환경에 대해서 이해한다.
  • 웹 서버와 클라이언트에 대해서 이해한다.
  • 웹 사이트 제작 과정에 대해서 이해한다.
  • 프론트엔드와 백엔드의 차이에 대해서 이해한다.
  • 웹 기반의 프론트엔드 개발 환경 구성 구측 방법을 습득하고, 실습을 통하여 실제 개발 환경을 구성한다.
5h
웹 표준을 준수하는 웹 페이지 제작
  • 웹 접근성과 웹 표준
  • xthml1.0 기반의 웹 표준 markup
  • css2 기반의 crossbrowsing 웹 페이지 제작
  • html5의 새로운 시멘틱 태그 익히기
  • css3가 제공하는 화려한 효과 적용하기
  • 웹 접근성과 웹 표준에 대해서 이해한다.
  • xthml1.0 기반의 웹 표준 markup을 사용하여 웹 페이지를 제작하는 방법을 습득한다.
  • css2 기반의 crossbrowsing 웹 페이지 제작 방법을 습득한다.
  • html5의 새로운 시멘틱 태그를 습득한다.
  • css3가 제공하는 화려한 효과 적용 방법을 습득한다.
41h
dynamic user interface 데이터베이스
  • javascript의 기본 개념과 내장객체의 활용법
  • jquery를 통한 html문서 제어
  • jquery plugin을 사용한 richweb 제작하기
  • 데이터베이스의 이해와 mysql 설치 및 설정
  • 기본 검색 구문
  • 검색조건 지정하기
  • javascript의 기본 개념과 내장객체의 활용법을 습득한다.
  • jquery를 통한 html문서 제어 방법을 습득하고, jquery 기반의 대화식 웹 페이지 제작 방법을 익힌다.
  • jquery plugin을 사용한 richweb 제작 기법을 습득한다.
  • 데이터베이스에 대한 개념을 이해하고, mysql 환경을 구축하는 과정을 습득한다.
  • select절의 사용 방법을 익힌다.
  • where절의 사용 방법을 익힌다.
54h
데이터베이스
  • 정렬조건 지정하기
  • mysql 기본 함수
  • 그룹검색
  • 데이터 입력, 수정, 삭제
  • 조인
  • 서브쿼리
  • 트랜젝션
  • db생성 및 테이블 생성하기
  • order by절의 사용 방법을 익힌다.
  • mysql에서 제공하는 기본 함수의 사용 방법을 익힌다.
  • group by절과 group함수의 관계를 이해하고, 사용법을 숙지한다.
  • equi조인, inner join, left outer, right outer 조인의 사용법을 익힌다.
  • 서브쿼리의 개념을 이해하고, 서브쿼리의 사용방법을 익힌다.
  • 트랜젝션의 개념을 이애한다.
  • 데이터베이스를 생성하고, 테이블을 설계하는 과정을 이해한다.
20h
php 기반의 openapi 개발
  • php 소개와 실습환경 구축
  • php 기본 문법
  • 배열과 함수
  • get/post 파라미터 받기
  • 쿠키와 세션
  • php 데이터베이스 연동
  • php 회원가입 및 로그인 기능 만들기
  • 페이징 처리 구현하기
  • php 기반의 rest api 만들기
  • php 플랫폼을 이해하고, apm 환경 구축 과정을 습득한다.
  • 배열과 함수의 개념을 이해하고, php의 기본 함수들에 대한 사용방법을 익힌다.
  • 쿠키와 세션의 개념을 이해하고, 사용방법을 익힌다.
  • 데이터베이스 연동과 세션을 활용한 회원가입 및 로그인 기능의 구현 과정을 이해한다.
  • 페이징 처리를 구현하는데 필요한 알고리즘을 이해한다.
70h
php 기반의 jquery ajax 연동
  • php 기반의 jquery ajax 연동
  • php 기반의 jquery ajax 연동
  • json 데이터의 수신
  • 템플릿 플러그인을 사용한 결과화면 생성
  • jquery의 ajax 지원 기능을 이해한다.
  • $.get() 함수와 $.post() 함수의 차이점을 이해하고, 사용방법을 습득한다.
  • ajax를 사용하여 외부데이터 불러는 방법을 익힌다.
  • jquery ui를 사용한 확장 컴포넌트의 사용법을 익힌다.
24h
css framework와 유무선 통합 반응형 웹
  • 반응형 웹의 이해
  • twitter bootstrap 3의 css 지원기능
  • twitter bootstrap 3의 css 지원기능
  • twitter bootstrap 3의 css 지원기능
  • css framework의 이해와 less의 활용
  • 반응형 웹을 이해한다.
  • twitter bootstrap 3의 css 지원기능들을 파악하고, 활용법을 익힌다.
  • twitter bootstrap 3의 반응형 웹 지원기능들을 파악하고, 활용법을 익힌다.
  • twitter bootstrap 3의 반응형 웹 지원기능들을 파악하고, 활용법을 익힌다.
  • css framework의 이해를 이해하고, 활용법을 익힌다.
120h
프론트엔드 mvc framework
  • angularjs 살펴보기
  • angularjs 부트스트랩
  • 템플릿 시스템과 데이터 바인딩
  • 모듈과 지시자
  • 의존관계 주입과 서비스
  • 필터(filter)
  • 단일 페이지 웹 애플리케이션
  • $route 서비스를 이용한 라우터 구현
  • restful 웹 서비스를 위한 $resource 서비스
  • angularjs가 무엇인지 이해한다.
  • 템플릿 시스템과 데이터 바인딩 방법을 습득한다.
  • 모듈과 지시자를 파악한다.
  • 필터(filter)의 구현 방법과 사용법을 습득한다.
  • $route 서비스를 이용한 라우터 구현방법을 익힌다.
  • restful 웹 서비스를 위한 $resource 서비스 구현 방법을 익힌다.
120h
취업을 위한 프로젝트(포트폴리오)
  • 요구사항 분석하기
  • 서비스 시나리오 구성
  • framework 구성하기
  • 페이지 ui 작업
  • 데이터 연동 처리
  • 배포
  • 프로젝트의 주제를 결정하고, 요구사항을 도출하여 구현 범위를 결정한다.
  • 요구사항에 따라서 실제 서비스될 페이지의 ux를 구성하고, 시나리오를 작성한다.
  • framework를 구축한다.
  • 페이지 ui 작업을 통하여 사용자에게 보여질 부분에 대한 작업을 진행한다.
  • 데이터 연동 처리를 통하여 동적 페이지를 구현한다.
  • 상용서비스를 위한 배포과정을 진행한다.
56h
  • 김지*
    김지*서브웨이 리뉴얼
  • 주*영
    주*영프론트엔드
  • 포트폴리오프론트엔드개발자
  • 이미*
    이미*일류투어 여행사이트 리뉴얼
포트폴리오 더 보기 +
  • 하드코딩 굳굳 입니다이승*

    좀더 전문적인 지식을 잘 배워 너무 좋습니다! 특히 하드코딩으로 배워 더 좋네요~
  • 박은숙 강사님 감사합니다~^^전이*

    처음  접하는 분야이고  무언가 배운지 오래되서 걱정되고 겁도 났는데  선생님의 도움 덕분에  재밌게 배우고 잘 마무리 된것 같습니다 .
    전혀 모르는 수강생에게도 친절하고 자세한  재설명도 해주셔서 부담없이  배울수 있었습니다~
    저같이 처음 배우시는 분들 걱정없이 선생님 강의 신청하셔도 좋으실거에요~
    앞으로도 좋은 강의 부탁 드려요~^^
  • 만족스러운 과정이였습니다jj*

    수업내용도 전반적으로 만족스러웠고 한가지 아쉬운점은 컴퓨터가 조금 좋지않았다는 점입니다
  • UI/UX 웹디자인 전문가 취업과정 김세지 쌤 정말 고맙습니다..대장*

    전공과 전혀 다른 분야를 선택해서 처음에 좀 걱정했는데
    좋은 선생님을 만난 덕분에 끝까지 잘 따라갈 수 있었어요.
    쌤이 잘 가르쳐주신 덕분에 새로운 분야에서 저의 장점을 발견할 수 있는 계기가 되었고
    앞으로도 이 길로 가도 괜찮겠다는 생각과 잘 할수 있겠다는 자신감이 생겼어요.

    처음 부터 끝까지 체계적으로 짜여진 커리큘럼과 
    학생들의 요구사항을 적극 반영해 효율적으로 수업을 조정하는 것, 
    그리고 모든 부분에서 유능하신 점이 선생님의 제일 강점인 것 같고 정말 좋았습니다.
    많이 배웠고 잘 배운 것 같습니다.

    지난 4개월 동안 정말 고생많으셨고 고마웠습니다...
    앞으로도 건강하시고 항상 웃을 일만 가득하시길 바랄게요!!

    수원 캠퍼스 직원분들 모두 감사했고
    취업지원실 쌤들 모두 한마음으로 응원해주셔서 감사했습니다.
  • ? UI/UX 웹 디자인 전문가 취업과정을 듣던 학생입니다![김세지선생님]조우*

    2017년 새해를 맞이하고 1월  어느 추운날에 우연히 찾아 강의를 듣게 되었습니다!
    짧은 시간이였지만, 정말 알차다고 생각해요. 아르바이트를 해본 경력도 없고, 기술도 없던 저에게 큰 힘이 되어주셨습니다. 그 힘에는 무엇보다 선생님의 큰 가르침이 제게 크게 다가왔어요. 항상 웃으며 '모르는 문제가 있으면 언제든 말씀하세요.' 라고 말씀하시던 선생님 덕에 저도 선생님께 부담없이 물어보고 많이 배우게 된  시간이였습니다. 언제나 한결같고 학생들보다도 부지런히 수업을 준비하시고 길잡이를 정말 잘 잡아주십니다. 꼼꼼하시고, 때론 지적이 필요하면 마다치 않으시고 지치고 힘들때마다 땅어리를 꺼져라 한 숨도 쉬어보고 여럿 고민에 휩싸인 제게 상담도 곧 잘 들어주시던, 바쁘심에도 걱정 어린 따뜻하고 친절한 말씀 얼마나 위안이 되고 힘이 되던지 덕분에 처음에서 부터 지금에까지 올 수 있던 것 같습니다. 마지막에 선생님께서 말씀하신 이야기도 감명이 깊네요. 동굴에서부터 나와 앞으로를 나아갈 꺼라는 말씀, 잊지 않겠습니다. 저에게 무엇보다도 보람되고 뜻 깊은 따스한 그런 시간이였습니다. 앞으로도 꾸준히 나아가도록 노력하겠습니다.

    항상, 감사하고 늘 밝게 웃으시던 웃음 잊지 못할 것 같아요. 앞으로도 꾸준히 나아가며 일을 해낼 것 같습니다.
     감사합니다 김세지 선생님!
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층 
  • 대표자 : 김상곤 
  • 사업자등록번호 214-86-26812 
  • 통신판매업신고 강남13717호 
  • 학원등록번호 : 강남 제 1101호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
1588.9780