JavaScript, 더 이상 어렵다고 느끼지 마세요!

할인 마감 → D-

JavaScript
Boot CAMP

프론트엔드 개발의 산, JavaScript 고민은 여기서 끝!
JavaScript 문법·최신 웹 프레임워크 기술과 구조,
각 프레임워크의 특징까지 모두 정복하세요!

#javascript #es6#끝내기

기간 & 일정

2019.09.23-11.18
(10/9 휴강)
월/수 19:30 – 22:00
주 2회, 총 40시간

장소 & 준비물

패스트캠퍼스 강남강의장
강남역 4번 출구, 미왕빌딩
개인 노트북

담당자 & 문의

장명희 매니저
02-517-0562
help.camp.dev@fastcampus.co.kr
※주차 지원은 불가합니다.

JavaScript 문법·최신 웹 프레임워크의 기술 구조 및 컨셉·
각 프레임워크의 특징까지!

JavaScript 고민을 종결시키는 8주 코스로 완성하세요.

프론트엔드 개발에서 꼭 넘어야하는 산인 자바스크립트

HTML, CSS 와는 확연히 다른 언어

자바스크립트는 문법이 복잡하여, 이해하기 어려운 문법 등으로 많은 초심자들이 처음부터 겁을 먹습니다. 내가 무엇을 잘못한건지 시각적으로 바로 확인하기 어려워, 브라우저의 콘솔을 통해 에러를 하나씩 찾아내야 하는 작업도 적응하기가 힘들죠.

프로그래밍 기초 개념이 없다면 습득이 어렵습니다.

자바스크립트에서 등장하는 ‘변수’, ‘함수’ 등의 개념도 프로그래밍 기초 개념이 없다면 받아들이기 힘든 개념입니다.jQuery 라이브러리를 활용해 JavaScript에 대한 이해 없이 다양한 기능을 구현해볼 수는 있지만 오류가 났을 때 어떤 부분을 수정해야하는지 몰라 헛수고를 하게 될 때가 많습니다.

JavaScript, 이렇게 배워야합니다.

 1 

기초부터 차근차근

새로운 프레임워크도 계속해서 나오고 있는 Javascript, 그 변화를 따라가고 잘 활용하기 위해서는 체계적으로 기본부터 잡아야합니다.

 2 

따라하기만 하는 응용은 No!

JavaScript 쓴다면서 무작정 ‘jQuery를 활용하면 되겠지’, ‘다른 사람 코드를 적당히 바꿔 쓰면 되겠지’ 라고 생각했다면 오산!

JavaScript 정복을 위한
3가지 코스 강점

01

최신 업데이트와 함께
강의자료도 업데이트!

새로운 프레임워크가 나와도 걱정마세요. 현업 강사님이 가장 최신의 기술을 전합니다. 새로운 스펙이 등장할 때마다, 강의자료도 업데이트!

02

별도의 에디터 없이
브라우저에서 바로 실습!

브라우저에서 바로 실습이 가능한 특별한 강의자료를 오직 수강생에게만 제공합니다. 강의자료를 활용한 실습으로 JavaScript는 이제 내 것!

03

꼼꼼한 필수지식 전달!

JavaScript가 작동하는 환경까지 알아야 제대로 활용하죠. 웹 어플리케이션이 작동하는 네트워크까지 꼼꼼하게 다루는 체계적인 커리큘럼!

jstb_notebook

안그래도 초보인데, 에디터라뇨?!

걱정마세요! 당신을 위한 특별한 강의자료로 별도 에디터 없이 바로 실습 가능하도록 다- 준비했습니다. 어떤 자료인지 궁금하신가요?

체계적인 커리큘럼
지금 확인해보세요!

[1주차]
웹프론트앤드 프로그래밍 개념 잡기

– 브라우저는 웹앱의 실행 환경이며 OS입니다. 다양한 브라우저가 다양한 이유로 각기 다른 방식으로 발전하였고 웹앱은 그것의 영향을 받아오며 발전했기 때문에 그 변화 과정을 아는 것은 중요합니다. Javascript의 첫 번째 버전부터 ECMA 2015 버전이 되기까지 기술적 관점에서 학습하며 웹프로그래밍의 기초 형태에 대한 개념을 익힙니다.

1주차 자세히 보기

  • 브라우저에 따른 웹앱 개발 페러다임의 변화
  • 자바스크립트 버전별 차이 점 및 시사점
  • 자바스크립트 라이브러리 및 프레임웍의 기술적 변화 과정
  • 자바스크립트 언어의 형태적 특징 및 올바른 학습 방법
  • 현대적 웹 프론트앤드 개발환경의 변화

[2-3주차]
자바스크립트 문법 학습 및 동작 메커니즘 이해하기

– 소스 코드는 계산을 수행하는 수식과 흐름을 제어하는 문(Statement)으로 이루어져있습니다. 자바스크립트의 기본적인 문법 요소의 종류, 형태, 쓰임을 학습하고 단순한 문법 요소만으로 복잡한 문제를 해결하는 기본적인 원리를 학습합니다.
– 기본적인 사칙연산으로 식의 개념을 학습 하며, 코드가 동작되는 순서의 개념을 이해하고, 실행 순서를 제어하는 문의 개념 이해합니다.

2-3주차 자세히 보기

  • 기본적인 사칙연산으로 식의 개념을 학습
  • 코드가 동작되는 순서의 개념을 이해하고, 실행 순서를 제어하는 문의 개념 이해

[4-5주차]
객체와 함수 기초부터 응용까지 단계별 학습

– 객체와 함수는 자바스크립트 프로그래밍에 있어 가장 핵심 기능입니다. 또한 객체와 함수는 너무나 유연해서 입문자에겐 미스테리하게 느껴지기도 하죠. 객체와 함수의 기본기 부터 다양한 활용 패턴을 심화 학습해 봅니다.

4-5주차 자세히 보기

  • 객체와 함수의 기본, 자바스크립트 객체와 함수는 무엇이 다른가
  • 기능처럼 다루는 함수, 값 처럼 다루는 함수
  • 함수와 함수의 협업
  • 생산자 입장에서 함수 만들기
  • 소비자 입장에서 함수 사용하기

[6주차]
이벤트 시스템, 네트워크, 타이머 및 디버깅 시스템 학습

– 웹앱은 브라우저에서 동작하는 GUI 앱이며 네트워크 프로그램입니다. 이 기술의 기반이 되는 이벤트 프로그래밍, 네트워크 및 비동기 프로그래밍에 대해 이해하고 기초부터 학습해 봅니다.

6주차 자세히 보기

  • 이벤트 프로그래밍 기법을 이해하고 학습한다.
  • 동기와 비동기 방식을 학습한다.
  • 타이머를 이용한 다양한 비동기 방식의 프로그래밍 패턴을 학습한다.
  • 통신 프로토콜에 대하여 이해하고 JSON 메세지 포멧애 대해 학습니다.
  • Ajax 다루기 및 네트워크 요청과 UI 상호 작용

[7주차]
정규식, 문자열 연산 및 템플릿 엔진 및 다양한 라이브러리를 이용한 앱 개발

– 프로그래밍시 해결해야하는 모든 문제를 직접 해결하며 프로그래밍할 수는 없습니다. 현업에서 다양하게 쓰이는 유명 오픈소스 라이브러리를 활용하는 방법과 패턴을 학습합니다.

7주차 자세히 보기

  • DOM을 다루는 해결사 jQuery 및 Mini jQuery 만들기
  • 날짜와 시간 라이브러리 MomenJS
  • 문자열과 데이터의 결합 템플릿 엔진 Handlebars
  • 정규식 기초부터 응용까지 학습

[8주차]
웹앱의 점진적 개선을 통한 앱 개발 방법 학습

– 완전한 기능의 TODO 앱을 개발하며 단계별 리펙토링을 진행합니다. 그 과정에서 고전적 개발 방식의 단점 및 현대적 개발 방법의 장점을 익히며 학습합니다. OOP적 개발 방식과 현대적 프레임워크가 제공하는 환경의 장점을 직접 구현해 보며 프로그래밍 패턴을 학습합니다.

8주차 자세히 보기

  • 객체 중심의 프로그래밍 패턴 학습
  • 프로토타입 중심의 프로그래밍 패턴 학습
  • 클래스 상속 기반 프로그래밍 패턴 학습
  • 프레임워크의 프로그래밍 패턴 학습

수강 신청 전, 수강생 선수 지식을 확인하세요!

HTML/CSS 개발이 가능하고, JavaScript 문법을 가볍게라도 한번 훑어본 경험이 있다면 충분히 수강 가능합니다.

코스와 관련한 문의는 담당매니저(02-517-0562)에게 언제든 연락해주세요🙂

강사님을 소개합니다

김민태 강사님

100세 코딩을 목표로 살아가는, 그 목표를 이제 절반 정도 지나가고 있는 프로그래머입니다. 한 때 전문 사진가로 활동한 적도 있어 프로그래머&포토그래퍼로 자신을 소개하기도 합니다. 기술 자체 보다 기술로 만들 수 있는 제품에 더 관심이 있고 언제나 무엇이든 만드는걸 좋아합니다.

[약력]

현| 주)우아한형제들 Frontend 시니어 프로그래머

– WoowahanJS 커미터 (Github 바로가기)
– 피키캐스트 Frontend 프로그래머로 CMS 서비스 개발
– NCSoft 시니어 프로그래머로 모바일 서비스 개발
– KTH 시니어 프로그래머로 모바일 서비스 및 솔루션 개발
– 외계어 스터디 등 다양한 프로그래밍 강의 활동 (상세보기)

수강대상.

퍼블리셔

JS를 스스로 공부하려고 했지만
번번히 중도포기,
실패하는 사람

퍼블리셔

프론트엔드 개발자로
커리어를 시작하거나
확장하고자 하는 퍼블리셔,
1년 미만의 개발자

퍼블리셔

퍼블리셔 업무에
한계
를 느낀
사람

수강후기

★★★★★
익명 수강생

단순한 문법소개나 실습이 아니어서 그리고 기본 아이디어를 통해 자바스크립트를 접할 수 있어서 좋았어요. 인터넷 강의에서 흔하게 볼 수 없는 중요한 맥락을 짚어주시더라구요. 중요한 부분일텐데요. 그래서 추천합니다.

★★★★★
익명 수강생

제 인생 마지막 자바스크립트 기초강의라고 생각하고 수강신청 했는데 정말 마지막 기초공부가 될 수 있을것 같다는 희망이 생겼습니다.

★★★★★
익명 수강생

강사님께서 현실적인 말씀도 해주시고 그동안 책을 보며 공부했던 것과 달리 비유와 설명을 함께 해주시기 때문에 이해가 빠릅니다.

★★★★★
익명 수강생

수업 마지막 주차에 이직면접을 보았는데 스크립트 문제를 강사님 수업시간에 배운 내용이 많이 나와서 쉽게 풀 수 있었습니다. 정말 감사합니다.

★★★★★
익명 수강생

실무에서는 jQuery를 주로 사용해서 자바스크립트 언어를 접할 기회가 많이 없었는데, 이 강의는 자바스크립트 언어라는 본질에 접근할 수 있어서 아주 좋았음.

★★★★★
익명 수강생

차근차근 기초 지식부터 탄탄하게 쌓아주셔서 자바스크립트 자체에 대한 이해를 하게 해주셔서 감사합니다. 백날 책보고 공부해서는 정말 알 수 없는걸 명확하게 설명해주셔서 좋았습니다.

★★★★★
익명 수강생

첫 수업이지만 너무 개념적인 내용만을 다루지 않고 실제로 사용되고 있는 측면에서의 설명이 적절히 가미되어 있어 좋았습니다.

★★★★★
익명 수강생

사실 이번 강의 듣기 전에도 스터디를 몇번 들었는데 이해하지 못했던 개념들이 많았습니다. 클로저나 콜백함수 등등. 그런데 강사님께선 어려운 개념까지 가기 위해서 가장 기초 개념부터 계단식으로 쌓아가며 강의해주시기 때문에 이해가 잘되고 어려운 개념도 쉽게 이해가 갔습니다.

QnA.

Q. 취업준비생에게는 어떤 점이 좋은가요?

기업에서 프런트엔드 개발자로 일하기 위해 필요한 역량과 지식을 체화합니다. 실무에서는 프런트엔드 개발자가 어떤 역할을 하는지 어떤 방식으로 다른 직군과 협업하는지에 대해서 배울 수 있습니다. 또한, 수업에서 제작하는 애플리케이션으로 포트폴리오 뿐만 아니라 취업 후 실제 업무를 할 때 참고 자료로도 활용할 수 있습니다.

Q. 어느정도 수준이어야 들을 수 있나요?

jQuery를 사용해본 경험이 있거나, 생활코딩 또는 코드아카데미와 같은 온라인 강의를 통해 JavaScript 기본을 이해하셨다면 충분히 수강 가능하십니다. 수업 중 어려운 부분이 있다면 조교님과 함께 짝코딩으로 함께할 것이며 JavaScript가 부족하다고 생각되시는 분들은 강사님과 함께 추가적인 스터디를 진행할 예정입니다.

Q. 8주 뒤, 강의가 끝나면 무엇을 할 수 있나요?

PWA 로 모바일 앱을 대체할 수 있는 고성능 웹 애플리케이션을 제작할 수 있고, 화면을 구성하는 코드를 깊게 이해하고 구현하는 고급 프론트엔드 개발자가 되실 수 있습니다. 느려서 답답한 웹 사이트를 속시원하게 개선할 수 있는 프론트엔드 개발자가 되실 수 있습니다. Open API, 라이브러리, 프레임워크를 그냥 사용하는 다른 프론트엔드 개발자와 차별화된 개발자가 될 수 있습니다. 해외 사용자가 웹 사이트 접속 안된다고 불평 늘어놓는 것 이제 그만 들으셔도 됩니다. 해외 사용자도 불평 없이 사용할만한 웹 사이트 접근을 보장하실 수 있습니다.

Q. 안드로이드와 IOS 모두 PWA를 적용할 수 있나요?

네, 가능합니다. 이전에는 Safari에서 PWA에 필요한 Service Worker를 지원하지 않았으나, 공식적으로 사용이 가능해졌습니다. [링크]

Q. 웹앱을 제작하는 다른 기술인 React Native, IONIC2와는 무슨 차이가 있나요?

React Native와 Ionic2가 프레임워크라면 PWA는 개발 방법입니다. 두 프레임워크는 모두 웹 기술로 앱을 대응하기 위해 등장 하였습니다. 하지만 React Native는 화면 UI 위젯부터 Native코드가 관여하기 때문에 온전히 웹 기술(HTML,CSS,JavaScript)만으로 개발하는 것엔 한계가 있습니다. 또한 Ionic2는 하이브리드 앱을 만드는 기술로 성능상 느리다는 평가가 있었습니다. 그래서 최근에 Ionic2는 PWA를 공식 패키지에 넣어 개발할 것을 권고하고 있습니다. 이는 웹 기술로 앱을 개발할 때 PWA가 필수적인 기술 요소가 되었음을 의미한다고 볼수 있습니다.

Q. PWA의 미래 전망은 어떤가요?

PWA 는 웹의 미래이자 모바일 애플리케이션을 대체할 수 있는 고성능 웹 애플리케이션입니다. 세계적으로 Google 이 주도하고 있으며, 국내에서는 Samsung 이 적극적으로 기술 개발에 참여하고 있습니다. 모바일 기기가 보급화 되고 전 세계로 확산됨에 따라 개발 시장은 모바일 웹 과 모바일 앱 으로 나뉘게 됩니다. 웹 애플리케이션으로도 충분히 모바일 앱을 커버할 수 있다면 굳이 모바일 앱을 개발해야 할 이유가 있을까요? 이젠 모바일 웹에서도 모바일 앱에 뒤지지 않는 빠른 로딩 속도와 Push 알람, GPS, 블루투스와 같은 기능들을 PWA 로 구현할 수 있습니다. 오프라인에서도 웹 애플리케이션을 동작시킬 수 있는 건 PWA 의 또 다른 장점입니다.

수강료안내

강의 정보, 한 번 더 확인!

기 간 : 2019. 09. 23 – 11. 18 (총 16회, 10/9 휴강)
일 정 :월/수 19:30 – 22:00
(주 2회, 회 당 2.5시간, 총 40시간)
준비물 : 개인 노트북
장 소 : 패스트캠퍼스 강의장

85만원 110만원

출시 할인! | 15% OFF

✓ 8월 29일 자정에 할인이 마감됩니다.
✓ 매주 목요일마다 가격이 소폭 상승합니다.

강의장안내.

웹개발자

JS를 스스로 공부하려고 했지만
번번히 중도포기,
실패하는 사람

JS

프론트엔드 개발자로
커리어를 시작하거나
확장하고자 하는 퍼블리셔,
1년 미만의 개발자.

퍼블리셔

퍼블리셔 업무에
한계를 느낀
사람

학습 지원 프로젝트

공부도 하고! 학습지원금도 받고!

*학습지원금(제세공과금 22% 차감 후 지급)은 강의마다 개인마다 상이할 수 있습니다.

학습 목표. 학습노트 제출

-학습노트/과제 제출 일정: 매주 목요일 자정 24:00까지 폼스텍으로 제출합니다.
-제출 시간을 엄수하지 못한 노트는 추후 환급에 불이익이 있습니다.
-과제 제공 방식 : 강사님께서 수업시간에 hand-out(또는 이메일)으로 배포합니다.
-수강중 학습 콘텐츠 일정 : 1-6 주차 학습노트 제출

학습지원금을 받으려면?

미션을 모두 완료하면 신청페이지를 통해 신청 가능합니다.
다만, 강의 종료 후 30일 이내에 신청페이지를 통해서 신청해주셔야 합니다.
아래의 환급신청 링크로 신분증 사본 / 환급받을 통장사본을 제출 (반드시 본인 명의로만 가능)해 주세요.
결제한 수강료의 10% (환급 금액의 22% 제세공과금으로 차감) 를 드리며, 학습지원금은 개인마다 상이할 수 있습니다.

환불규정

* 학습지원금은 기수강생 및 얼리버드 할인과 중복 적용이 가능합니다. (기타 다른 이벤트와 중복 적용이 불가합니다.)
* 과제물이 허위로 작성되거나 표절일 경우 환급이 거절될 수 있습니다.
* 환불은 환불규정(https://www.fastcampus.co.kr/refund/)에 따라 진행됩니다. 규정에 의거하여 환불금액이 없을 수 있습니다.

{ FASTCAMPUS COMMUNITY MEMBERSHIP }

패스트캠퍼스 오프라인 강의를 수강하셨다면!
별도의 가입절차없이 패스트캠퍼스 커뮤니티 멤버쉽 회원이 됩니다.
커뮤니티 멤버쉽은 수강 후 1년 동안 유지되며,
오직 멤버들만을 위한 비공개 스터디클럽, 네트워킹행사, 세미나 등 비정기적 행사에 모실 예정입니다.