닫기
빠른전화상담
손쉽고 간편하게
전문가와 전화상담!
안내받고 싶은 지점을 선택해 주세요.
야간 및 주말 상담 전화 안내

빠른 안내를 위해
평일 야간(오후 6시 ~ 오후 10시)
주말(오전 9시 ~ 오후 6시)에도 안내해 드리고 있습니다.

QUICK
MENU

Front-end Expert (Signature)

프론트앤드 전문가 정규과정

AI

프로그램의 보이는 부분(UI)을 프론트엔드라고 합니다. HTML, CSS, JS를 활용하여 UI를 구성하고, 서버와의 통신을 통해 하나의 완성된 앱을 구현하면서, 프론트엔드 개발자가 갖춰야할 필수 요소들을 학습하는 과정입니다.

최신 VUE 3.0과 타입스크립트, 그리고 아이오닉5를 기반으로 한 하이브리드 앱 개발 과정입니다. 과정 진행 중, 간단한 소셜앱을 처음부터 끝까지 구현하며 실무기반의 실습을 진행하게 됩니다. 또한 코틀린기반의 네이티브 안드로이드 개발과정도 습득하여 네이티브에 대한 이해과 문제해결능력을 함양하는 과정입니다.

기초디자인-디자인툴- UIUX-웹퍼블리싱으로 진행되는 기본 웹사이트 제작과정에 따라 커리큘럼이 진행되면서 홈페이지 제작의 각 단계를 이해하게 하고 난이도별 실습을 통해 기술과 실력을 키웁니다.

프론트앤드 전문가 정규과정은 SBS아카데미컴퓨터아트만의 특별한 AI도구 활용 수업과 함께 창의력과 생산성을 향상시켜드립니다.

취업분야웹에이전시, 쇼핑몰, 광고, 이벤트 회사(홍보물, 배너 제작), 기업체 홈페이지 관리, 이러닝 업체(홈페이지, 컨텐츠 제작)
  • 01
    전공자, 비전공자모두 가능한 AI커리큘럼
    포트폴리오 차별화전략
  • 02
    취업을 위한 1:1 맞춤형 멘토링
    교육과정 설계 / 이력서, 자소서 첨삭
  • 03
    사전 등록시 역대급 할인혜택
    최대 30%할인
  • 04
    복습할 수 있는 온라인 강의
    시스템 구축

교육과정 상세정보

  • 1개월(4주)
  • 입문 ~ 고급
  • 15명 내외 인터뷰 및 레벨 테스트 후 입학
  • 053-719-3623 주말·공휴일 상담 및 접수가 가능
평일반 (월~금)
1교시 09:00~11:00 2교시 11:00~13:00 3교시 14:00~16:00 4교시 16:00~18:00 5교시 18:00~20:00 6교시 20:00~22:00
주말반 (토~일)
1교시 09:00~12:00 2교시 12:00~15:00 3교시 15:00~18:00

  • 개원 17년의 역사 꾸준한 성장과 취업생 배출

    · 누적 수강생 544,409명

    · 소통하고 공감하는 취업 지원 프로그램

    · 개인별 최적 업체 선정

SBS아카데미는 결과로 증명합니다.
학력, 경력, 경험이 없어도 취업에 성공합니다.

  • 카페 매니저에서 웹디자이너로 취업
  • 광고 디자이너에서 웹 사이트 제작, 관리자로 이직
  • 공무원 준비생에서 웹 기획자로 취업
  • 비전공자에서 프론트엔드 개발자로 취업!
팀팩토리
이한솔 취업생
제 생각보다 더 체계적으로 수업들이 진행되었고 무엇보다 팀원들과 함께 작업을 했던 것이 정말 좋았습니다. 선생님 또한 열정적으로 중간중간 보충수업까지 해주시고 너무 감사합니다!
(주)엔유비즈
이수현 취업생
저도 웹디자이너를 늦은 나이에 새로운 도전이라고 생각해서 뛰어들었지만 전혀 후회하지 않습니다. 취업담당자 선생님이 계시니 너무 성급하게 생각하지 말고 천천히 하고 있으면 언젠가 좋은 기회가 찾아 올거라 생각합니다.
로빈ICT
박원휘 취업생
친한 동기가 생겨서 같이 서로 도와주면서 자격증 준비도 많이 하고, 멘토나 선생님들이 칭찬과 격려 따로 문자로 도움을 많이 주시기도 해서 잘 준비하였습니다!
㈜JOYFULSOFT
김연희 취업생
학원 내부도 엄청나게 깨끗했고, 교육을 받으면서 제가 모르고 있던 팁 같은 걸 알게 되어 엄청나게 좋았습니다. 내가 몰랐던 팁을 아는 그 순간이 제일 즐거웠습니다. 머릿속에 전구가 팟! 하고 켜지는 느낌이었달까요.
(주)아이텍씨앤씨
고지현 취업생
이력서와 자소서, 포트폴리오를 컨펌해 줌으로서 제가 가진 부족한 부분을 말씀해주시며 보완할 기회를 주셨고, 취업관련 공고와 면접질문, 채용사이트에서 확인해야 할 점 등 필요한 정보들을 다루며 같이 상의해 주시는 친절한 상담이 정말 많은 도움이 됐다 생각합니다.
온메이커스
송창현 취업생
취업지원해주시는 선생님께서 항상 자기 일처럼 취업 자리를 알아봐주셔서 취업에 성공할 수 있었던 것 같습니다. 또한 수업을 해주시는 선생님께서 단순한 강의가 아닌 다양한 이야기와 여러가지를 도와주셔서 취업에 성공할 수 있었던 것 같습니다.
(주)데이타이음
송지민 취업생
학원 등록 전에는 학원에 반신반의하면서 등록했는데 학생의 의지만 있다면 멘토님과 선생님들 모두가 한 명의 취업에 진심으로 대해주셔서 놀라웠고 감사했습니다.
Cross Shock
장소영 취업생
비전공자이지만, 학원을 믿고 따라와서 결국 IT분야에 원하는 직종으로 취업할 수 있었습니다. 마지막으로 허지훈 강사님, 박진수 멘토님, 취업담당자 차지연 선생님께 감사 말씀 전하고 싶습니다.
델타인덱스
김도영 취업생
학원에서 배웠던 HTML과 CSS 기술 덕분에 업무에 빠르게 적응할 수 있었습니다. 후에 디자인 작업에도 투입될 예정인데, 포토샵과 일러스트레이터 프로그램을 배운 것이 큰 도움이 될 것 같습니다.
케이앤제이 컴퍼니
채지안 취업생
디자인 업계에서는 창의성을 많이 발휘해야 하는데 강사님께서 색감을 잘 활용할 수 있는 방법을 제시해주시고 다양한 포트폴리오를 볼 수 있는 사이트를 제공해 주셨습니다.
이런 분들이 배우시면 좋아요!
· 홈페이지 기획, 디자인, 제작에 관심이 있는 분
· 웹사이트에 관심이 있는 분
· 웹파트 진로 고민자
· 코딩입문자(비전공자)
· 홈페이지 제작 방식이 궁금하신 분
· 자신만의 홈페이지를 만들고 싶으신 분
· 나만의 포트폴리오 홈페이지를 만들고 싶으신 분
프론트앤드 전문가 정규과정

프론트앤드 전문가 정규과정에 대해
SBS아카데미가 하고싶은 이야기

프론트엔드 전문가 과정은 웹 개발 분야에서 프론트엔드 개발자로의 경력을 쌓거나 보다 전문적인 스킬을 획득하고자 하는 사람들을 위한 체계적인 교육 과정입니다. 웹 프론트엔드 개발자는 웹 애플리케이션 및 웹사이트의 사용자 인터페이스(UI)를 설계하고 개발하는 역할을 수행합니다. 이는 사용자 경험(UX)의 핵심 부분이며, 사용자가 웹 페이지와 애플리케이션을 효과적으로 이용할 수 있도록 하는데 중요한 역할을 합니다. 프론트앤드 전문가과정을 통해 창의적인 발상과 표현, 색채, 레이아웃, 타이포그래피 등의 기초시각 디자인 감각을 키우고, 다양한 최근 디자인 트렌드를 익히며, 웹컨텐츠 제작을 위해 다양한 툴테크닉 학습과 더불어 생생한 실무현장과 같은 프로젝트 진행을 통해서 전문가로 거듭날 수 있습니다.

정규 과정의 주요 포인트는 무엇인가요?

  • JavaScript의 이해
    웹 환경에서 많은 이벤트 구현요소는 JS언어를 사용합니다. 기본 문법 및 구문, 함수와 스코프, 객체 및 배열, 이벤트 처리, 비동기 프로그래밍, DOM 조작, 그리고 모듈 시스템 등을 학습하여 웹 개발을 효과적으로 이해하고, 활용할 수 있는 기초를 제공합니다.
  • 워크프레임 활용
    개발자들이 웹 개발을 빠르고 효율적으로 구축할 수 있도록 도와주는 도구와 라이브러리의 집합을 워크프레임이라고 합니다. 개발 환경이나 프로젝트에 특성에 따라 적절한 워크프레임의 활용으로 코드를 모듈화하고 쉽게 관리할 수 있습니다.
  • 프론트엔드 포트폴리오
    프로젝트를 통해 다양한 기술 스택과 코드의 퀄리티, 반응형, 크로스 브라우징 등 웹 개발의 주요 요소를 작업물에 담아 경쟁력있는 포트폴리오를 준비할 수 있습니다.

유진아 학생 작품

정예송 학생 작품

김나윤 학생 작품

송은경 학생 작품

서진솔 학생 작품

박예린 학생 작품

박선아 학생 작품

정현실 학생 작품

김새롬 학생 작품

민지현 학생 작품

김초희 학생 작품

정지윤 학생 작품
Front-end Expert (Signature)

프론트앤드 전문가 정규과정

정규과정에서는 이런 것을 배울 수 있습니다.
AI 기획-챗GPT스페설 커리큘럼
디자인 작업물의 기획은 창의성과 전문성이 요구되는 중요한 과정입니다. 하지만, 기획 단계는 많은 시간과 노력이 소요되는 경우가 많아, 디자이너들의 부담으로 작용하기도 합니다. 생성형 AI는 이러한 기획 단계의 어려움을 해결할 수 있는 새로운 가능성을 제시합니다. 올바른 프롬프트를 입력하고 AI를 통해 원하는 결과를 도출하여 자신의 아이디어를 구체화하고, 다양한 창의적인 시안을 빠르게 생성하는 방법을 배우는 과정입니다.
AI 발상-파이어플라이스페설 커리큘럼
생성형 AI와 마찬가지로 파이어플라이는 디자인 기획단계에서 다양한 시안을 빠르게 생성하는 데 활용될 수 있습니다. 자신의 아이디어를 텍스트로 표현하여 AI에 입력하면 이를 분석하여 다양한 이미지 레퍼런스를 생성합니다. 올바른 프롬프트를 입력하고 원하는 결과를 도출하여 디자인 작업에 소요되는 시간을 단축하고, 다양한 이미지 요소를 활용하여 더욱 창의적인 디자인을 완성하는 방법을 배우는 과정입니다.
HTML / CSS (HTML and CSS)
웹 개발의 기본적인 요소와 기술들을 배웁니다. html / CSS / 레이아웃과 박스 모델 / 이미지와 멀티미디어 / 웹사이트 구조와 네비게이션 / 웹 디자인 기초 / 그래픽처리 / 반응형 웹디자인 / 웹 표준 준수와 접근성 고려 / 사이트 제작 실습을 통해 웹 개발의 기초를 습득하고, HTML과 CSS를 사용하여 웹페이지를 만들 수 있게 됩니다.
반응형 웹 (Responsive Web)
다양한 디바이스의 특성에 따라 웹 페이지의 스타일을 동적으로 조정할 수 있는 기능을 제공합니다. 미디어쿼리를 활용하여 다양한 디바이스 및 뷰포트 크기에 대응하는 반응형 사이트 구현을 학습할 수 있습니다.
개발 환경 설정(Development Environment Setup)
프로젝트를 효율적으로 관리하기 위해 개발환경을 설정합니다. 에디터뿐만 아니라 프로젝트 관리에 필요한 패키지 설치, 서버, 테스트 등의 요소를 이해하여 JavaScript로 웹 개발을 하기 위한 개발 환경을 설정하고, 필요에 따라 프로젝트를 업데이트하고 확장할 수 있습니다.
JavaScript (JavaScript)
다양한 개발 영역에서 활동할 수 있는 기반을 다질 수 있는 JavaScript의 프로그래밍 기초를 학습합니다. 웹 개발에서의 필수적인 요소인 HTML과 CSS를 함께 사용하여 웹 페이지를 만들고 상호작용성을 부여는 과정에서 객체지향 문법을 이해하고, 프로젝트를 통하여 텍스트 기반 게시판 제작, 회원가입, 로그인, 세션기능을 구현합니다.
워크프레임 (Workframe)
웹 개발을 빠르고 효율적으로 진행할 수 있도록 도와주는 도구와 라이브러리에 대해 학습합니다. 컴포넌트 요소와, 라우팅, 상태관리 등과 같은 기능을 활용하여 사용자는 일관된 경험을 유지할 수 있고, 개발자는 워크플로우가 간소화되어 개발생산성을 향상시킬 수 있습니다.
프론트엔드 포트폴리오 (Front-end Portfolio)
프론트엔드 기술 역량을 잘 보여줄 수 있는 포트폴리오 구성을 학습합니다. 앱개발 프로젝트를 통해 개발, 디버깅, 배포까지 전반적인 과정에 대해 이해하고, 다양한 기술 스택과 높은 퀄리티의 코드 구성 등의 주요 요소를 효과적으로 전달할 수 있는 포트폴리오를 제작합니다.

업계 최고 수준의 교육시설을 제공합니다.

SBS아카데미컴퓨터아트의 감각적 인테리어 시설과 최신의 시스템 사양을 통해 교육을 받는 동안 최상의 교육환경을 제공받게 될 것입니다.

프론트앤드 전문가 정규과정
일반/국비지원 과정 수강료
바로 알아보시겠어요?

문의사항을 남겨주시면
빠른 시일 내 답변해 드리겠습니다.

T. 053-719-3623
주말·공휴일 상담 및 접수가 가능합니다.

관심있는 분야를 선택해 주세요.
가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -
    수강료 조회하기

    프론트앤드 전문가 정규과정
    상담신청하기

    닫기
    가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -
    프론트앤드 전문가 정규과정상담하기