JavaScript BOOT CAMP
기   간 1.14~ 3.13 (총 8주 / 2.4, 2.6 휴강)
일   정 월요일, 수요일 19:30 ~ 22:00
준비물 개인 노트북 사용 추천(본인 PC에 맞는 개발환경 설정 및 원활한 개별 실습을 위하여)
장   소 패스트캠퍼스 강남 강의장
담당자 장명희 매니저 Tel. 02-517-0562
궁금하신 사항이 있으면 언제든 연락주세요!

JavaScript 문법 조차 생소하거나 자신이 없는 분들을 위한 강의입니다.
만약 JavaScript 문법을 숙지하고 있으며 한 단계 업그레이드된 실무 노하우를 익히고 싶다면 [JavaScript 정복 프로젝트 캠프] 수강을 권장 드립니다.
* 강의명을 클릭하면 해당 상세페이지로 이동됩니다.

막막하고 어렵지만, 프론트엔드 개발에서 꼭 넘어야하는 산인 자바스크립트를 때려눕히는 강의

자바스크립트는 HTML, CSS 와는 전혀 다른 성질의 다른 언어이기에 프로그래밍 기초 개념부터 짚어가며 배워야합니다.

무작정 jQuery 를 활용하면 되겠지, 다른 사람 코드를 적당히 바꿔 쓰면 되겠지.. 라고 생각하지 마세요. 탄탄한 자바스크립트 기초 실력을 길러봅시다.

HTML, CSS 까진 괜찮은데 자바스크립트가 문제더라..

자바스크립트가 초보자에게 쉽지 않은 언어임은 자명하지만, 점차 자바스크립트 자체가 프론트엔드 영역을 넘어 Node.js, Meteor.js 등을 통해 백엔드 영역까지 정복해나가고 있는 동향을 볼 때 꼭 미리 키워둬야할 역량임도 자명합니다.

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

웹사이트를 구현하는 3대 기술 중 하나인 자바스크립트. 보통 HTML과 CSS를 차근차근히 배운 뒤 학습을 시작하게 됩니다. 그러나 비교적 단순한 문법으로 사용이 가능했던 HTML, CSS 와는 달리 자바스크립트는 문법이 복잡하여, 많은 초심자들이 처음부터 겁을 먹기 일쑤입니다. 내가 무엇을 잘못한건지 시각적으로 바로 확인하기도 어려워, 브라우저의 콘솔을 통해 에러를 하나씩 찾아내야 하는 작업도 적응하기가 힘들지요. 또 갑자기 괄호를 써야하고, 세미콜론을 사용하여야 하는 ‘이해할 수 없는 문법’ 또한 초심자들에겐 큰 벽입니다.

프로그래밍 기초 개념이 없으면 습득 불가

또한 자바스크립트에서 등장하는 ‘변수’, ‘함수’ 등의 개념도 프로그래밍 기초 개념이 없다면 받아들이기 힘든 개념입니다. 물론 jQuery 라는 좋은 라이브러리를 통해 프로그래밍이나 자바스크립트에 대한 큰 이해 없이도 이런저런 기능을 구현해내는 분들도 있지만, 결국 자바스크립트를 이해하지 못한다면 할 수 있는 영역의 한계를 금세 느끼게 되지요. 이렇게 여러모로 자바스크립트는 어려움이 많아서, 문법도 제대로 익히기 전에 그만 둬버리는 초심자분들이 많습니다.

이제 겁먹지 말고, 자바스크립트를 초반부터 때려눕혀요! 이겨냅시다!

전략적인 커리큘럼과 함께라면 당신도 해낼 수 있습니다.

강의 특징

프로그래밍 기초 개념부터
자바스크립트까지 꽉 잡는 과정

본 강의는 초심자들이 자바스크립트를 사용할 때 어느 부분에서 어려움을 느끼는지, 또 그 어려움의 주된 이유는 무엇인지를 파헤치는 과정에서 탄생한 강의입니다! 따라서 컴퓨터의 동작 원리부터 짚어가며 단순히 도구적으로 자바스크립트를 활용하는 방법을 알려드리는 데에 그치지 않고, 당신이 자바스크립트의 동작 원리를 이해한 뒤 직접 코딩까지 할 수 있도록 성장시켜드립니다.

자바스크립트에서 파생된 라이브러리, 프레임워크 기술까지

자바스크립트 문법 뿐 아니라 추후 실무에서 응용하는 방법을 알려드립니다. 실무에서 필히 마주치게 될 문제들에 대한 접근 방식과 해결 방법을 중심으로 라이브러리와 프레임워크를 짚어봅니다. 강의가 끝나도 새로운 기술을 스스로 찾아 적용하고 문제상황을 해결할 수 있는 기본 실력을 갖게 됩니다.

확장성 있는 개발을 위한 백엔드 지식까지 전달

프론트엔드 개발이라고 하더라도 네트워크에 대한 이해 없이는 깊이있는 커리어 발전이 어렵습니다. 우리 강의에서는 프론트엔드 개발 시 알아야 할 백엔드 개념을 살펴봅니다. 최종적으로는 커리큘럼에서 배운 개념을 총집합하여 Todo App을 구현해보며 자바스크립트 문법, 네트워크를 비롯한 백엔드의 기초 개념부터 실제 구현을 위한 활용방법까지 모두 다뤄보며 체득합니다.

복잡한 소프트웨어도 프로그래밍 없이 매우 쉽고 간단하게 만들 수 있는 시대입니다.
프로그래밍을 할 수 있다면 더욱 더 복잡하고 유용한 소프트웨어를 만들 수 있겠지요. 그러나 아이러니하게도 기본기를 배우기는 더욱 어려워진 시대이기도 합니다. 인간의 언어를 배우는데 있어 언어의 문법보다 그 언어를 사용하는 문화를 이해하는게 중요하듯 프로그래밍 언어도 단순한 문법의 학습 보다 컴퓨터의 기본 작동 원리를 이해하는 것이 중요합니다. 그것이 학습자 스스로 자가 학습 능력을 보유하는데 있어 큰 차이를 만들어 낸다고 믿기 때문입니다. 이 수업은 그런 목표로 설계되었으며 학습자 여러분의 자가 학습 능력 배양에 도움이 되기를 기대해봅니다. -김민태 강사님-

JavaScript를 온전히 전달하기 위한 강의 방식

입문자를 위한 특별한 강의자료

jstb_notebook

✔ 코드 실행을 위한 에디터 사용도 어렵다!

입문자를 배려하여 별도의 에디터 사용 없이 브라우저에서 바로 코드를 작성하고 실행시켜 보는 특별한 강의자료를 사용합니다.
여러 창을 띄워놓고 번갈아 보는 것이 아닌 하나의 브라우저에서 이론과 실습을 즉시 해보며 코드의 원리를 생생하게 이해할 수 있습니다.

커리큘럼 소개

커리큘럼 하나씩 살펴보기도 귀찮고, 막연히 자바스크립트를 잘 했으면 하나요? 우선 담당 매니저와의 전화를 통해 수강 상담을 받아보세요. 가려웠던 부분이 속 시원하게 긁어집니다. 장명희 매니저 02-517-0562

전략적으로 자바스크립트를 때려눕혀보자. 6주 동안.
1주차: 웹 프론트엔드 프로그래밍 개념 잡기

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

  • 브라우저에 따른 웹앱 개발 패러다임의 변화
  • 자바스크립트 버전별 차이 점 및 시사점
  • 자바스크립트 라이브러리 및 프레임워크의 기술적 변화 과정
  • 자바스크립트 언어의 형태적 특징 및 올바른 학습 방법
  • 현대적 웹 프론트엔드 개발환경의 변화
2-3주차: 자바스크립트 문법 학습 및 동작 메커니즘 이해하기

소스 코드는 계산을 수행하는 수식흐름을 제어하는 문(Statement)으로 이루어져있다. Javascript의 기본적인 문법 요소의 종류, 형태, 쓰임을 학습하고 단순한 문법 요소만으로 복잡한 문제를 해결하는 기본적인 원리를 학습한다.

  • 기본적인 사칙연산으로 식의 개념을 학습한다
  • 코드가 동작되는 순서의 개념을 이해하고, 실행 순서를 제어하는 문의 개념 이해하기
4-5주차: 객체와 함수 기초부터 응용까지 단계별 학습

Javascript의 객체와 함수는 그 어떤 것 보다 많은 기능을 제공하며 너무나 유연해서 입문자에겐 미스테리하게 느껴지기도 한다. 객체와 함수의 기본기부터 다양한 활용 패턴을 심화 학습해본다.

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

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

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

  • 이벤트 프로그래밍 기법을 이해하고 학습한다
  • 동기와 비동기 방식을 학습한다.
  • 타이머를 이용한 다양한 비동기 방식의 프로그래밍 패턴을 학습한다.
  • 통신 프로토콜에 대하여 이해하고 JSON 메세지 포멧애 대해 학습니다.
  • Ajax 다루기 및 네트워크 요청과 UI 상호 작용
7주차: 정규식, 문자열 연산 및 템플릿 엔진 및 다양한 라이브러리를 이용한 앱 개발

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

  • DOM을 다루는 해결사 jQuery 및 Mini jQuery 만들기
  • 날짜와 시간 라이브러리 MomenJS
  • 문자열과 데이터의 결합 템플릿 엔진 Handlebars
  • 정규식 기초부터 응용까지 학습
8주차: 웹앱의 점진적 개선을 통한 앱 개발 방법 학습

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

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

수강 후기

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

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

철학적인 관점에서 개념을 설명해 주셔서 너무 좋다.

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

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

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

이런 분들은 꼭 강의실에서 뵙시다

자바스크립트부터 안배워도 괜찮다던데요?

jQuery 부터 배워도 아무 문제 없으니, 자바스크립트는 나중에 ‘더 많은 기능을 구현하고 싶을 때’ 배우라는 소리를 철썩같이 믿어온 분

자바스크립트 문법도 잘 모르겠습니다.

HTML, CSS 학습 때는 문법도 단순하고 결과물이 금세 눈에 보여 즐겁고 뿌듯했지만, 자바스크립트는 문법부터 신세계라 적응이 안되는 분

잠깐! JavaScript의 효율적인 학습을 위해 두 가지 레벨의 반을 운영합니다.

bridge_banner_01
jsjsjs

강사 소개

프로그래머 김민태

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

주요 경력

– 현재 (주)우아한형제들에서 Frontend 시니어 프로그래머로 재직중
– WoowahanJS 커미터 (GitHub 바로보기)
– 피키캐스트 Frontend 프로그래머로 CMS 서비스 개발
– NCSoft 시니어 프로그래머로 모바일 서비스 개발
– KTH 시니어 프로그래머로 모바일 서비스 및 솔루션 개발
– 외계어 스터디 등 다양한 프로그래밍 강의 활동 (기존 강의자료 살펴보기)

수강료

정가: 100만원 → 80만원

[20% 특별할인 진행중!]

※ 온라인 카드결제시 12개월 무이자 할부 가능!

강남역 진출 기념 5% OFF COUPON
fc_new_0401

[쿠폰 사용 방법]

  1. 강의의 상세페이지에서 [수강신청]을 해주세요.
  2. 수강신청 완료 후 ‘결제 페이지’에서 [결제하기] 버튼을 클릭해 주세요.
  3. 결제 페이지 상단의 [Click here to enter your code]를 클릭해 주세요.
  4. 이벤트 쿠폰 코드를 입력해 주세요.
  5. [APPLY COUPON] 버튼을 클릭하신 후, 하단 할인 금액을 확인해주세요.
  6. 현재 판매가격에서 할인이 적용된 것을 확인하신 후, 바로 결제하시면 완료!
  7. 쿠폰 적용기간을 포함한 유의사항 및 자세한 정보 확인은 (여기)를 참고해주세요.