비전공자를 위한 자바스크립트 : 입문과 중급 사이 스터디 9기 강남역 부근 (토요일반)
우리가 알고 있는 HTML, CSS 만으로는 멋들어진 웹사이트를 만드는데 한계가 있습니다. 페이지 자체가 정적인 형태이기 때문에 조금은 심심할 수가 있죠. 이러한 정적인 웹사이트에 생명력을 불어넣는 개발 언어가 자바스크립트입니다. 이미지 슬라이드, 팝업 기능, 햄버거 메뉴 등 자바스크립트 언어를 사용하면 다양한 기능을 구현할 수 있습니다. 또한 웹 뿐 아니라 모바일 앱, 서버 구현, IoT 등 범용성이 뛰어나 인기있는 개발 언어 중 하나로 각광받고 있습니다.

하지만 입문자 입장에서 자바스크립트를 익히는 과정은 쉽지 않습니다. 특히 프로토타입이나, 스코프, 생성자 함수 등을 만나게 되면 큰 좌절을 겪게 되는 경우가 허다합니다. 본 강의에서는 이러한 자바스크립트 중급 개념을 바닐라JS를 사용하여 완벽하게 숙지하는 것을 목표로 하고 있습니다.

바닐라JS는 제이쿼리와 같은 라이브러리를 사용하지 않고, 순수 자바스크립트만으로 주요 기능을 구현하는 것을 말합니다. 물론 간단한 기능이나 웹사이트를 제작할 경우에는 제이쿼리를 사용하는 것이 효율적일 수는 있습니다. 하지만 규모가 큰 서비스나 브라우저 로딩 속도를 고려해서 제작해야 하는 상황이라면 바닐라JS를 익혀두는 것이 좋습니다.

또한 프론트-엔드 영역에서 핫한 앵귤러, 뷰, 리액트 등과 같은 주요 기술을 원활하게 사용하기 위해서는 자바스크립트 주요 개념을 알아둘 필요가 있습니다. 위 기술에서는 보통 제이쿼리는 사용하지 않고 자바스크립트만으로 기능을 구현하는 경우가 대부분이라 장기적으로 봤을 때도 바닐라JS를 미리 익혀두는 것이 좋습니다.

본 강의는 자바스크립트를 공부하면서 이를 실무에 적용했던 내용을 바탕으로 전체 커리큘럼을 구성했습니다. 각 주차별로 학습한 주요 개념과 실습을 진행하는 과정에서 자바스크립트 기초 개념과 함께 진입 장벽이 높은 생성자 함수, 프로토타입, 스코프 등 중급 개념도 쉽게 이해하는데 도움을 줄 것입니다.

지난 기수 수강 후기 : http://bitly.kr/3dHzTMp
Sign in to Google to save your progress. Learn more
커리큘럼
1회차 : 자바스크립트 변수와 데이터 타입 ( 8월 15일 )
 - JavaScript 문법 소개
 - JavaScript 데이터 타입 ( 문자열, 숫자, 함수, 배열, 객체 등 )
 - JavaScript 연산자
 - JavaScript 원시타입과 참조타입 차이점
 - 실습 : 배경 색상 변경하기 (1)


2회차 : 자바스크립트 초, 중급 개념 ( 8월 22일 )
 - JavaScript 조건문
 - JavaScript 삼항 연산자
 - JavaScript 전역변수와 지역변수
 - JavaScript 스코프
 - JavaScript 호이스팅 ( 변수, 함수 )
 - JavaScript 반복문
 - 실습 : 배경 색상 변경하기 (2)
 - 실습 : 랜덤 인용 문구 만들기
 - 실습 : 텍스트 전달하기
 - 실습 : 슬라이드 효과 (1)


3회차 : 자바스크립트 생성자 함수와 조상 탐색 ( 8월 29일 )
 - JavaScript 생성자 함수
 - JavaScript 프로토타입과 __proto__
 - JavaScript constructor
 - JavaScript 안에서의 this
 - 실습 : 생성자 함수로 슬라이드 효과 (2)
 - 실습 : 글자 타이핑 효과


4회차 : 자바스크립트와 DOM ( 9월 5일 )
 - HTML 태그와 아이디, 클래스에 접근하기
 - HTML 태그 삽입하기
 - 콘텐츠를 추가 / 제거하는 메서드
 - CSS 속성을 적용하는 방법
 - 이벤트 함수 살펴보기
 - 실습 : API 적용해보기


5주차 : 쇼핑몰, To Do List 등 주요 기능 구현해보기 ( 9월 12일 )
 - 실습 : 쇼핑몰 주요 기능 구현하기
 - 실습 : To Do List 만들기
 - 실습 : Mouse Move 애니메이션
입문자를 위한 바닐라JS : 자바스크립트 초급과 중급 사이 실습 영상
입문자를 위한 바닐라JS : 자바스크립트 초급과 중급 사이 스터디 실습 예제 영상입니다.
각 주차별로 이론과 실습을 병행하면서 자바스크립트 주요 개념을 학습하게 됩니다.
기발자 소개
인문계 출신의 IT 서비스 기획자이자 웹개발자로, 현재 "그림으로 배우는 자바스크립트" 브런치 작가로 활동하고 있습니다. 학부시절에는 대학생 직업 멘토링 서비스 <가리고리>의 대표를 맡으며 서비스를 기획/운영하였고, 이후 디지털 광고 에이전시 <레볼루션 커뮤니케이션즈>에서 광고AE로 근무하면서 코카콜라, 유한킴벌리 등의 디지털 캠페인 기획에 참여하였습니다.

IT서비스 및 디지털 광고를 기획하면서 개발에 대한 강한 필요성과 끌림을 느끼게 되어, 2014년 10월, 광고회사를 퇴사한 이후 HTML, CSS, jQuery, JavaScript, Angular, Wordpress, Ionic 등 다수의 웹, 하이브리드앱 개발 도구를 경험하였습니다.

짧은 기간 집중하여 학습한 덕분에 친환경 점토를 개발하는 유아용품 회사 키즈가오의 웹페이지를 외주로 제작하는 수준에 이르게 되었습니다. 현재는 저처럼 IT 비전공 개발자를 꿈꾸는 인문학도들에게 웹페이지 프로그래밍을 교육하고 있습니다.


[ 개발 경력 ]
- 에어서플라이 프론트-엔드 개발
- 덕업닷컴 프론트-엔드 개발
- 비욘드시터 프론트-엔드 개발
- 서울시 기후변화 대응행동 마이크로 사이트 제작
- 마이크임팩트 모바일 웹사이트 제작
- 가온아이 협업 도구 프론트-엔드 개발
- 국회의원 웹사이트 제작
- 앤드모어 웹사이트  제작
- 한샘중부점 웹사이트 제작
- 굿트리몰 웹사이트 제작
- 조강종합건설 웹사이트 제작
- 파미재미 웹사이트 제작
- 키즈가오 웹사이트 제작


[ 강의 경력 ]
- 비전공자를 위한 자바스크립트: 입문과 중급사이 ( 2018 ~ 현재 )
- 비전공자를 위한 자바스크립트, 라이브러리 스터디 ( 2016 ~ 현재 )
- 비전공자를 위한 HTML, CSS 스터디 ( 2015 ~ 현재 )
- 엘리스 처음 배우는 웹코딩 과정 Instructor ( 2017 ~ 2018 )
- 모바아카데미 프로그래밍 기초 완성 프로그램 Instructor ( 2017 )
- 연세대 디자인 툴 마스터 실무과정 HTML, CSS Instructor ( 2017 )
- 선문대 디자인 툴 마스터 실무과정 HTML, CSS Instructor ( 2017 )
- 코드스테이츠 Pre-Course Instructor ( 2016 )


[ 저서 ]
- 모두의 HTML5 & CSS3
- yes24 : http://www.yes24.com/24/Goods/63855057?Acode=101
- 교보문고 : http://bitly.kr/DSgA
- 인터파크 : http://bitly.kr/2Ae9


[채널]
- 기발자 블로그 : http://blog.naver.com/gi_balja
- 기발자 브런치 : https://brunch.co.kr/magazine/painting-code
- 기발자 유튜브 : https://www.youtube.com/INKWEON7269
- 나, 개발 한번 해보려고 : https://www.facebook.com/TryToGaebal/
스터디 기간 및 세부 일정
장소 : 강남역 부근
일정 : 8월 15일 ~ 9월 12일
시간 : 매주 토요일 10:00 ~ 13:00 ( 3시간 )

인원 : 15명 내외
준비물 : 노트북
비용 : 19만원 ( 대관비 + 디자인 소스 )

모집 기간 : 7월 3일 ~ 8월 12일

1차 선정자 발표 : 7월 20일주차
2차 선정자 발표 : 7월 27일주차
3차 선정자 발표 : 8월 3일주차
4차 선정자 발표 : 8월 10일주차

** 지원자가 많을 경우 선정자 발표 일정이 앞당겨질 수 있습니다.

환불 정책 : https://goo.gl/6aLhQg
성함 (ex. 홍길동) *
이메일 주소 (ex. abc@gmail.com) *
신청 이유 *
적합한 스터디 대상자로 판단되면 이메일 주소로 계좌번호를 보내드립니다. 입금이 확인되면 스터디 참여자로 최종 등록됩니다. (가끔 스팸함으로 메일이 가는 경우가 있어서 선정자 발송일에 꼭 스팸함도 체크해 주세요.)
선정자 메일 확인이 늦어져서 참석을 못하시는 분들이 있어서 문자로 안내 메시지를 받고 싶으신 분은 아래 연락처 정보를 남겨주세요 ^^
핸드폰 번호 (ex. 010-1234-5678)
Submit
Clear form
Never submit passwords through Google Forms.
This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy