Fast campus School

프론트엔드 개발 SCHOOL


웹의 구조를 세우는 HTML,
정교한 디자인을 입히는 CSS
동적인 기능을 구현하는 JavaScript까지
기업들이 찾아헤매는 프론트엔드 개발자가 되고 싶다면

OUR GOAL

프론트엔드 개발 SCHOOL은 HTML, CSS, JavaScript의 기본부터 제대로 알려드립니다. 기초가 쌓이지 않으면 라이브러리와 프레임워크를 배운들 스스로 활용할 수 없기 때문입니다. 따라서 작동 원리부터 차근차근 이해하고 경험하는 과정을 통해, 급격히 발전하는 웹 개발 분야에 대응할 수 있도록 돕습니다. 이를 바탕으로 협업 역량까지 쌓아 실무형 인재로 거듭납니다.

OUR CURRICULUM

수박겉핥기식 교육이 아닌, 실습을 통해 온전히 내 것으로 만들어가는 교육을 추구합니다. 다양한 과제와 프로젝트를 통해 스스로 고민해보고 강사와 소통하면서 해결 방향을 찾습니다. Code Review, Refactoring, Code Battle 등과 같은 Team Activity를 통해, 협업 경험은 물론이고 현장에서의 문제 해결력과 좋은 코드를 보는 안목을 길러 나갑니다.

나에게 맞는 과정일까? 궁금하다면
프론트엔드 개발의 트렌드를 가장 민감하게 쫓는 코스매니저와 상담 받아보세요!
김수정 매니저 02-517-0651


※ 선착순으로 조기마감될 수 있습니다.

격동하는
프론트엔드(Front-end)

프론트엔드(Front-End) 개발


Q. 프론트엔드 개발이 뭐죠?

HTML, CSS, JavaScript 등의 프로그래밍 언어를 사용하여 ‘사용자가 직접 경험하는 웹의 앞단(Front-End)’을 개발하는 것을 말합니다.


Q. 프론트엔드, 왜 뜨나요?

모든 비즈니스는 ‘사용자’의 니즈를 충족해야 합니다. 프론트엔드 개발은 ‘사용자와 맞닿은 최전선의 개발’ 영역입니다. 당연하게 기업은 UX, UI 이슈와 브라우저와 디바이스가 다양해지면서 발생하는 cross-browsing, cross-device 이슈에 대응하기 위해 사용자에게 ‘좋은’ 경험을 줄 수 있는 ‘기능’을 구현할 수 있는 개발자를 필요로 하는 거죠. 게다가, 백엔드에서 처리하던 데이터 중 일부도 프론트엔드 개발자들이 처리해야 할 영역으로 넘어왔습니다. JavaScript가 웹 브라우저와 서버의 통신을 담당한다는 것도 아셨나요? 브라우저 상에서 성능까지 신경써야 한다고요. 프론트엔드 개발자는 ‘사용자’도 이해해야 하고, ‘컴퓨터’와 ‘서버’도 이해해야하는 핵심 분야가 된거죠.

격동하는 프론트엔드(FRONT-END)


프론트엔드 개발자는 왜 구하기 어렵나요? (그들은 어떤 사람들이고 왜 찾아보기 어려운가)
자바스크립트가 세상을 먹어치우고 있다.


✓ 너무너무너무 복잡한 웹

우리가 웹 브라우저에서 할 수 있는 일들을 생각해보세요. PC, 모바일 할 것 없이 엄청난 양의 고퀄리티 사진과 동영상을 처리하고, 결제를 하고, 프로그램을 따로 설치하지 않아도 브라우저에서 메신저를 사용하고, 지금 당신이 당연하게 브라우저에서 하고 있는 일들이 바로 프론트엔드 개발의 변화와 함께 이루어져 온 것입니다.


✓ 프론트엔드, 독학하기 어렵다.

모든 개발 분야가 그렇듯 프론트엔드는 ‘탄탄한 기초’가 정말 중요합니다. 그 어떤 새롭고 트렌디한 기술과 지식도 ‘프레임워크나 라이브러리를 가져다 쓰지 않아도 하드코딩할 수 있는 실력’이 전제되어야만 받아들일 수 있습니다.


이런 분에게 추천합니다.


  • 프론트엔드로 시작하고 싶어요!

    개발자로 새로운 커리어를 시작하려는 비전공자

    개발자로 커리어를 시작하고 싶지만 뭘 해야 할지 막막하다면? 프론트엔드 개발로 시작해보세요. 프론트엔드 개발은 매우 유연한 분야입니다. ‘사람’과 일하기 때문인데요. ‘사용자’가 만나는 화면의 view를 구현하고 ‘사용자’의 요구에 따라 다양한 문제를 해결합니다. 사용자와 직접 맞닿아있어 무엇보다 빠르게 변화하는 분야로 트렌드를 쫓아가면서 끊임없이 발전하는 것에 욕심을 가진 분에게 적합합니다.


  • 프론트엔드 요즘 잘나가더라!

    프론트엔드 개발로 전환하고 싶은 현업 개발자

    프론트엔드 분야에 흥미를 느끼거나 혹은 유망하다고 생각하여 새로운 기술을 배우고 커리어를 쌓고 싶은 분에게 추천합니다. 또한 컴퓨터공학을 전공하고 취업을 준비하고 있는 분들에게도 추천합니다. 화면을 구현하는 데 필요한 최소한의 디자인에 대한 관심과 감각이 있다면 탄탄한 기본을 바탕으로 그 어떤 분들보다 빠르게 따라갈 수 있고 기업에서 매력적으로 느낄 수 있는 결과물을 만들어 낼 수 있습니다.


  • 개발 배우고 레벨업 하려고요.

    ‘개발을 아는’ 풀스택 디자이너, 웹기획자가 되고 싶어요.

    내 일에 관련된 기술을 알지못해 답답하고 커리어 확장에 한계를 느끼시나요? 하지만 막상 공부하려고 하면 낯선 개념에 두려우신가요? 디자이너 출신 강사님의 알기 쉬운 강의로 프론트엔드 개발을 시작하세요. 이미 많은 디자이너, 기획자분들이 강사님의 책을 통해 쉽게 프로그래밍에 입문하였습니다. 책으로는 경험할 수 없었던 4개월 간의 밀착 훈련을 통해 실무에 최적화된 프로그래밍 실력을 갖추고 대체불가능한 인재가 되세요.


  • 프론트엔드 제대로 배우고 제대로 인정받고 싶어요.

    경력은 쌓여가지만 역할의 한계를 느끼는 퍼블리셔

    HTML, CSS를 배웠지만 스스로 만들 수 있는 것이 거의 없다고 느끼셨다면, 제대로 된 HTML, CSS는 물론 이제는 대세가 된 자바스크립트까지 제대로 파헤쳐서 어떤 라이브러리와 프레임워크라도 스스로 활용해보세요. 퍼블리셔에서 프론트엔드 개발자로 거듭날 수 있도록 자바스크립트의 기본 실력을 서버와 통신하는 법까지 갖추고 프레임워크를 마음껏 활용여 ‘웹사이트의 성능’까지 고려할 수 있는 역량을 길러드립니다.

졸업생 취업 후기

"당신의 이야기로 만드세요!"

  • 6년 차 퍼블리셔,
    프론트엔드 개발을 배우다

    김근희님|센트비 퍼블리셔

    "경력자에게는 안 좋은 습관들이 쌓이게 마련이에요. 안 좋은 코드인 걸 아는데 그냥 쓰는 거죠, 그래야 빨리 퇴근하니까. 그렇게 기술 부채가 쌓이면 당연히 일하기 싫고 재미없고 코드도 싫어지고요. 내가 이 일을 계속하려면 이러면 안 되겠다 생각했고 이걸 고치기 위해서 원리부터 바닥부터 제대로 배우고 싶었어요. 저의 목표는 퍼블리셔, 프론트엔드 개발자 라는 어떤 직군에 한정된 커리어라기 보다는 '유저가 원하는 그림을 그리는데 기술적으로 막힘이 없는 사람'이 되는거예요. 그걸 이루기 위한 한 발을 내디뎠을 뿐이죠."

  • 프로그래밍 공부를 결심한
    디자이너의 이야기

    정예연님|로켓펀치 제품디자이너

    "그렇게 나는 이제 스타트업 채용 플랫폼 로켓펀치에서 예전에 했던 일과 같은, 제품 디자인을 하고 있다. 하지만 지금은 이전과 다르다. 내가 디자인하는 서비스에 대해 더 깊은 이해도가 있기에 작업의 완성도가 높다. 이는 모두 개발자와 훨씬 수월하게 소통할 수 있게 된 덕분이다. 웹 환경 제약 아래 의사 결정을 내리는 상황에서 한결 쉽고, 정확한 결정을 할 수 있다. 앞을 가로막던 문제들이 해결되니 더 앞으로 나아가며 성장할 수 있다는 생각도 든다."

    • UX 디자이너가
      프론트엔드 개발자가 되기까지

      K님|데이터 시각화 스타트업 프론트엔드 개발자

      "별반 다를 게 없을 거라고 생각했던 나를 비웃듯이 프론트엔드 개발 SCHOOL의 강의는 기대 이상이었다. 어떤 질문을 해도 명쾌한 대답이 돌아왔고 항상 학생들에게 동기를 부여했다. 정말 열심히 해야 겨우 따라갈 수 있을 만큼 많은 내용을 배웠기에 쉬지 않고 공부했다. 수업이 끝나고, 밤늦게까지 자습을 했다. 모든 학생들을 통틀어 가장 열심히 했던 것 같다. 그렇게 나는 데이터 시각화 스타트업의 프론트엔드 개발자가 되었다. "

    더 많은 프론트엔드 개발 스쿨 후기 확인하기 ▷

커리큘럼

  • 제목 내용
    HTML&CSS HTML로 구조를 세우고, CSS로 디자인을 입히는 과정에 대해 학습합니다.

    - HTML 시멘틱 마크업
    - CSS
    - 웹 접근성
    JavaScript 웹의 근간을 이루는 프로그래밍 언어인 JavaScript와, JavaScript를 구동시키는 두 환경(웹 브라우저, Node.js)에 대해 배웁니다.

    - JavaScript
    - 객체 지향 프로그래밍
    - Document Object Model
    - Ajax
    - Node.js
    Networking 브라우저와 서버 사이에 이루어지는 통신의 종류와 작동 원리에 대해 배웁니다.

    - HTTP
    - REST API
    - GraphQL
    - WebSocket
    React 복잡한 웹 어플리케이션 개발을 위한 React와, React의 기능을 확장시켜주는 기술에 관해 배웁니다.

    - React & JSX
    - Redux
    - React Router
    Build & Deploy React 기반 어플리케이션을 빌드하고 웹 상에 게시하는 여러가지 방법에 대해 배웁니다.

    - Webpack
    - Server-side Rendering
    - Firebase
    - AWS
    컴퓨터공학 기초 개발자로 성장하기 위한 컴퓨터공학의 기초적인 내용에 대해 학습합니다.

    - 컴퓨터의 이해(운영체제, 프로그래밍 언어 종류 및 특징, 데이터베이스, SQL)
    - 소스코드 관리(git, github)
    - 네트워크(개념, 용어 정리, HTTP, TCP/IP 프로토콜, OSI 7 Layers, 네트워크 관리/보안)
    - 알고리즘과 자료구조
    - 소프트웨어 공학, 개발 방법론(Agile), 소프트웨어 품질 관리

비전공자를 위한
Pre-SCHOOL

  • javascript

    프로그래밍을 처음 접해서, 비전공자라서 걱정되시나요?
    입문자분들을 위해 SCHOOL 개강 전 2주 간 기초 스터디를 진행합니다.

  • ✓ 일시 : 개강 전 2주 (총 6회 예정)
    ✓ 내용 : JavaScript 기초로 Warming UP!
    ✓ 진행 : 자율 참여로 진행되며, 조교 및 매니저와 함께 학습합니다.

    ※ 해당 기수 등록자를 대상으로 진행되며, 별도의 비용이 발생하지 않습니다.
    ※ 신청 상황에 따라 유동적으로 변경될 수 있습니다.

현업에 바로 뛰어들 수 있는 '실전력'까지 프론트엔드 개발 스쿨, 웹 프로그래밍 스쿨이 협업하는
Team Project

다수의 국비지원교육은 Local 부분이 커리큘럼의 대부분을 차지하고 네트워크와 통신에 투자하는 시간은 정말 작기 때문에 혼자서 의미 있는 결과를 내는 것이 어렵습니다. 패스트캠퍼스의 프론트엔드 개발 스쿨, 웹 프로그래밍 스쿨 수강생들이 함께 하나의 서비스를 만들어보는 4주간의 팀 프로젝트를 통해 협업 경험을 기르고 차별화된 결과물로 포트폴리오의 퀄리티를 높이는 국내 유일 과정입니다.

현업 개발자의
Tech-Mentoring

프로젝트를 완성시키는
담당 강사님의 트러블 슈팅

매니저가 직접 관리하는
데일리 스크럼 미팅

현업 개발자의
Tech-Mentoring

  • 멘토 개발자가
    신입 개발자를 평가하는
    기준에 따른 냉철한 피드백

  • 실무였다면 무엇을
    가장 먼저 고려했을까?
    현업 개발자로서의 조언

  • 프로젝트를 완성시키는
    강사님의 트러블 슈팅

SCHOOL 과정을 통해 개인의 실력을 빠르게 올릴 수 있지만, 현업의 속도는 그보다 더 빠르고 변화무쌍한 것이 사실입니다.
1개월 간 진행되는 팀 프로젝트에서는 회당 3시간씩, 총 4회 진행되는 현업 개발자의 Tech-Mentoring을 통해
빠르게 변화하고 있는 현업의 스탠다드를 파악하고 주니어 개발자로서 현업으로 나아갈 준비를 마칠 수 있습니다.

프로젝트 포트폴리오

    2기 팀 프로젝트

  • 영화 평점 사이트 FINGO

    웹 프로그래밍 스쿨 수강생들과의 팀 프로젝트로 제작한 서비스로, API 서버를 이용해 데이터를 가져오고, 저장할 수 있음. AngularJS 를 사용해 라우팅과 API 통신을 구현.

  • 영화정보 제공 및 평점 사이트 POPCORN

    반응형 웹 디자인 적용, Angular JS를 이용해 백엔드에서 구현한 API에 접속, 데이터를 받아 화면에 구현. 사용자 피드백은 서버에 전달. Gulp, Webpack 으로 작업파일 모듈화.

    1기 수강생 포트폴리오

  • 다양한 UI 컴포넌트를 포함한 Parallax 랜딩페이지

  • 반응형 웹 페이지 구현

  • To-do 웹 애플리케이션 서비스 프로토타입 구현

  • Sass 및 커스텀 라이브러리 활용

4개월의 프론트엔드 개발 SCHOOL 과정을 통해
현업 2년차 수준의 프론트엔드 개발자가 될 수 있습니다.

아무나에게 약속드리지 않습니다.
자신의 열정을 끝없는 노력으로 발현해내시는 분에게만 기회가 옵니다.


  • 성실한 수업 참여

    열심히 하는 것 전에 성실함이 기본입니다. 본 과정은 3+1개월의 오래달리기에 맞게 짜인 교육과정입니다. 지각/결석과 실력 상승은 절대 같이 갈 수 없습니다.


  • 특강 & 추가 액티비티

    강의가 전부일 수 없습니다. 정규 강의 시간외에 스터디를 통해 완전한 자기 것으로 만드는 것은 물론 해커톤 참여, 특강 참여 등 3개월 동안 모든 시간을 본 과정에 투자하는 노력은 필수입니다.


  • 팀 프로젝트

    매력적인 포트폴리오를 위해서는 남들과는 차별화된 경험이 필수입니다. 완전한 개발팀의 구성으로 협업해보는 국내 유일 팀 프로젝트에 참여하여 나의 실력을 제대로 표현하는 결과물을 만드세요.


  • 적극적 구직 준비

    적극적인 구직의 주체는 여러분이 되어야 합니다. 이력서를 매력적으로 업데이트하고 기업을 설득하는 면접 노하우를 익혀야합니다. 물론 패스트캠퍼스의 채용매니저가 밀착 서포트해드립니다.

강사 소개

  • Placeholder
    김승하

    비전공자의 눈높이에 맞춘 친절한 강의

    유저해빗, 스포카(Spoqa), 노리(Knowre)를 거쳐온 현업 웹개발자로 서울대 수학교육과를 졸업 후 개발자로 걸어온 길에서 얻은 노하우를 아낌없이 전수합니다.

    주요 프로젝트
    – 문자 마케팅 자동화 서비스 '도도메시지' 개발 @스포카
    – 도도 서비스 플랫폼(도도포인트, 도도메시지)의 랜딩페이지 개발, A/B테스트 등 그로스 업무 @스포카
    – 자체 비디오 플레이어 제작 @노리

    그 외 프로젝트
    – 한글 웹폰트 글꼴 보기집 (React)
    – 학원 성적 관리 소프트웨어 (React, Electron) 등 다수

  • Placeholder
    김데레사

    하나의 웹사이트를 밑바닥부터 완성해나가는 강의

    가르치고 나누는 것에 대한 매력에 빠져 오랜 기간 동안 Front-end 개발 전문 강사로 활동 중입니다. 적극적인 질문과 관심을 보이는 교육생에게 하나라도 더 전달하려고 애쓰는 열혈 강사입니다.

    주요 활동
    – 웹 접근성 지킴이 사업 멘토링
    – ARIA 사례집의 집필진 활동

    집필서
    – 웹표준 핵심 가이드북 XHTML+CSS (2010)
    – 웹표준 핵심 가이드북2 HTML5 + CSS3 (2014)

취업 지원 프로그램

취업 지원 프로그램에는 자소서 첨삭, 이력서 관리, 모의 면접, 참여기업이 열람할 수 있도록 스쿨 홈페이지에 이력서 등재, 수료 후 진행되는 하이어링데이(1:1 기업 인터뷰) 참가 등이 있으며, 취업 지원 프로그램에 대한 자세한 사항은 상담 시 안내받으실 수 있습니다.

Placeholder

패스트캠퍼스 스쿨의 채용매니저를 소개합니다.

강종무, Recruitment Adviser

매 달 20개 이상의 기업 인사담당자와 채용 연계 협업을 하고 있으며 1기 부터 지금까지 500여명 이상의 수강생의 커리어 코칭을 해왔습니다. “모든 수강생이 원하는 회사에, 원하는 직무로” 라는 사명을 가지고 수강생 한 분 한 분의 인생의 전환점을 만들고자 합니다.

HIRING REPORT 확인하기
  • 참여 기업 특강

    Placeholder

    스타트업의 대표님/HR담당자가 직접 강의장으로 찾아옵니다! 인터넷만으로는 알 수 없는 채용 정보들과 구체적으로 각 회사들이 원하는 디테일한 역량들까지 제대로 알고 준비할 수 있습니다.

  • 네트워킹 데이

    Placeholder

    7개 스쿨의 사람들이 모여 궁금했던 서로의 영역에 대해 공유하고 좋은 파트너까지 얻을 수 있습니다. 또한, 수료생들이 스쿨을 수강할 때 그리고 수료 이후의 다양한 경험들을 들어보며 현재 수강생들이 진행 중인 프로젝트나 포트폴리오 준비, 면접 준비과정에서 실질적인 도움을 받을 수 있습니다.

  • Hiring Day

    Placeholder

    스타트업의 대표님/HR담당자와의 1:1 인터뷰를 갖는 채용 행사를 통해 4개월간 쌓아온 개발 역량을 펼칠 수 있는 적극적인 구직의 기회입니다.

전문 HR 기업과의 연계를 통한 취업지원

  • Placeholder

    로켓펀치의 스타트업 데이터를 활용하여 수강생들에게 최적의, 최신의 정보를 제공하고 스쿨 수료생의 정보를 로켓펀치에 공개해 스타트업과 인재를 효율적으로 연결합니다. 또한, 로켓펀치와 연계하여 스쿨 수료생을 위한 채용 행사인 하이어링데이를 개최합니다.

    [보도자료] 패스트캠퍼스, 로켓펀치와 인재 연결 업무 협약 체결
  • Placeholder

    겟링크스는 각 글로벌 테크기업 구인 공고를 실시간으로 전달하고, 패스트캠퍼스는 공고에 부합하는 수료생을 찾아 소개하여 태국, 인도네시아, 말레이시아, 일본, 중국 등 아시아 전역의 글로벌 스타트업으로 취업을 연결합니다.

    [보도자료] 패스트캠퍼스, 겟링크스와 수강생 '글로벌 취업' 돕는다
  • Placeholder

    지인을 소개해 주고, 채용시 보상받는 서비스를 제공하고 있는 원티드와 연계하여 수료생분들에게 최적의 회사/직무를 추천하고 있습니다. 패스트캠퍼스는 고정 추천인으로서 패스트캠퍼스 수료생 각각에게 적합한 회사에 추천서를 발송합니다.

선발 프로세스


  • 방문상담

    신청서를 작성해주시면 담당자가 유선연락을 드려 방문 상담 시간을 잡습니다. 방문상담에서는 자세한 커리큘럼의 소개와 함께 선배 수료생들의 프로젝트 결과물과 취업 현황을 알려드립니다. 이수 가능 여부를 진단해드림은 물론 여러분이 꿈꾸는 커리어의 방향을 듣고 어떻게 실현해나갈 수 있을지 상담해드립니다. 프론트엔드 개발자를 꿈꾸고 있는 모든 분들의 상담 신청을 환영합니다.


  • 사전 과제

    방문 상담 후 담당 코스매니저가 사전 과제를 부여합니다. 사전 과제는 선발의 당락을 결정하기 위한 것이 아니라, 본 과정을 수료하기 위해 필요한 최소한의 베이스를 확인하고 수강에 대한 의지를 확인하기 위한 것입니다. 또한, 사전 과제를 통해 파악한 지원자들의 백그라운드를 바탕으로 커리큘럼의 구성 및 난이도를 조정합니다.


  • 선발 완료 및 수업시작

    사전 과제 제출 3일 안에 합격 여부를 알려드리고 여러분의 꿈을 이뤄드릴 SCHOOL 과정을 시작하게 됩니다. 합격하신 분들께는 강의 시작 전에 미리 학습해오면 좋을 만한 영상, 책, 자료 등을 자세히 안내해드립니다.

패스트캠퍼스 장학생 모집

수강료나 먼 통학거리로 커리어 전환을 망설이시는 분들을 패스트캠퍼스가 지원합니다.


  • 인재 추천 장학금

    경제적 어려움에도 꿈을 잃지 않고 꾸준히 해당 분야에 도전해왔던 분들을 선발하여 수강료의 30~70%을 지원합니다. 교육을 통해 커리어 전환할 수 있는 잠재력이 크고 기본 자질이 우수한 분들께 본 장학금 혜택을 제공합니다.

    장학금 제도 자세히보기