프론트엔드 개발
웹표준부터 react, node, Typescript 까지, 프론트엔드 개발자로 발돋움!프론트엔드 개발자는 웹에서 사용자가 웹 페이지나 웹 애플리케이션과 상호 작용하는 부분을 담당합니다. 웹 사이트를 시각적으로 매력적이고 사용자 친화적으로 만들기 위한 노력을 합니다. 주요 기술과 언어로는 HTML 로 웹페이지의 구조를 잡고, CSS 로 스타일과 레이아웃을 작업하고, Javascript로 웹 사이트의 동적인 부분 등 다채로운 상호 작용을 담당합니다.
이번 과정에서는 기본적인 웹표준(HTML, CSS, Javascript) 활용을 최대한 높이고, node.js 를 활용해서 백엔드 기초 및 고급 스킬을 익혀 취업에 필요한 실무 기술을 습득하는데 목적을 둡니다.
-
교육기간
6개월
-
교육난이도
입문~고급
-
정원
20명 내외
-
전화상담
051-914-5908
주말 · 공휴일 상담 및 접수가능
이런분들에게 추천합니다
본 과정은 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, useMemo, 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아카데미에서 시작하세요!
-
- ㈜에티버스
- 학원에서는 취업이 될 때까지 도와주니 모두 취업은 할 수 있습니다.
-
- (주)몽돌
- 워낙 커리큘럼이 잘 되어 있어서 거기에 맞춰서 같이 따라가기만 하면 됐던 것 같습니다.
-
- ㈜ 웹젠
- 6개월만 꾹 참고 강사님이 추천하시는 대로 남아서 공부하다 보면 그게 습관이 되고 그 작은 습관이 결국엔 취업하는 데 큰 도움이 되는 거 같습니다.
-
- ㈜싸이버원
- 모의면접을 통해 저의 부족한 부분을 채울 수 있는 계기가 되었습니다. 이 때문에 끝까지 포기하지 않고 입사할 수 있지 않았나 생각합니다.
-
- ㈜싸이버원
- 학원을 다니면서 공부 환경이 너무 좋았고 취업 준비도 도와주신 덕분에 성공적으로 취업에 성공하게 되었던 것 같습니다. 감사합니다.
-
- ㈜엑스아이커뮤니케이션즈
- 학원의 교육 과정을 거치는 것이 공부의 가이드 라인이나 학습의 깊이가 다르다고 생각하였습니다.
-
- ㈜씨엠티정보통신
- 모의 면접과 면접 컨설팅을 통해 실제 면접에서의 긴장감을 줄이고, 자신 있게 답변할 수 있었습니다.
-
- ㈜ 이글루 코퍼레이션
- 비전공자들은 어떤 IT기업이 좋은지 잘 모르는데 선생님이 추천해주셔서 좋았습니다.
소통하고 공감하는 취업 지원 프로그램
- MOU Convention
-
- 기술 자문 및 과정설계 개발 참여
- 수강생 인턴 체험 기회
- 기업 견학
- 현직 실무진과의 만남 주선
- 취업 연계
- Job - Matching Service
-
경쟁력 있는 IT우수 기업과 수강생과의 연결고리
- 구인의뢰 수리
- 기업 방문 및 평가
- 인재발굴
- 기업과 수강생과의 연결
4 Step Counseling System
개인별 최적 업체 선정
-
이력서&자기소개서 역량기술서
-
직무 능력과 업체간의 연관성 파악
-
DB를 활용한 기업정보 제공
-
전략적인 취업 컨설팅 제공