요일

가능
시간
(날짜)

  • 오후 1시 - (협의)
장소 : 협의 후 결정
추가비용 : 스터디카페(룸 예약 시) 비용.
서울 신촌홍대, 종로(종각역 일대), 강남 가능합니다. 인천 송도, 부평, 구월동 가능합니다. 그 외 기타 지역도 문의 주시면 됩니다.
₩12,000원 / 시간
₩288,000 / 총 8회 24시간
실시간 톡하기 찜하기
장근호
루트장
[JavaScript]웹의 기본 자바스크립트를 알아보자!
  • 신촌홍대, 종로, 강남
  • 3시간/회
  • 최대인원:1~4
  • ₩12,000/시간

튜터정보

  • 동양미래대학 e-비즈니스학
동양미래대학 e-비즈니스학과 전공.
FASTCAMPUS Web front-end 10th 수료.

안녕하세요. 정통한 프론트엔드 개발자를 꿈꾸며 달려나가고 있는 장 근호라고 합니다.
오랜 생각 끝에 하고 싶은 걸 하기로 결정하였고 프론트 엔드 개발자를 꿈꾸게 되었습니다. 비전공자로서의 어려움과 아무것도 모르던 시절의 공부법등을 몰랐고, 이제야 어느정도 알게 되었습니다. 이를 여러분과 함께 나누고 싶습니다.


* To-do app 프로젝트, 야놀자 펜션 카피 프로젝트 진행 중.
* HTML5, CSS3, ES5, ES6, Typescript, Angular
* jQuery, React.js 사용
* 탈잉 HTML5 & CSS3 강의, JavaScript, Angular 강의 경험 보유.


성실함 : 언제 어디서든 물어봐주세요
친절함 : 이해가 될 때까지 도와드립니다
열정 : 제가 좋아하는 것 만큼 여러분도 좋아할 수 있게!

수업소개

웹에서 동작하는 유일한 언어 JavaScript! 그 활용도가 높아지면서 다양한 분야로 범위를 넓혀가고 있습니다. 여러 프레임워크, 서버를 공부하기 전에 반드시 익혀야 할 자바스크립트!
아이디어를 실현해보기 위해 도전했지만 어려워서 포기 하셨었다면 이 기초를 통해 한 걸음 앞으로 나아 가셨으면 좋겠습니다.

우리는 살면서 인터넷을 정말 많이 접하게 됩니다. 우리가 어떠한 직장에 가게 될 진 모르지만 이제 프로그래밍은 빼놓을 수 없는 하나의 산업이 되었습니다. 특히 우리가 접하는 웹에 대해서 안다면 혹시나 있을 웹 디자이너, 웹 퍼블리셔 혹은 프론트엔드 디자이너와의 협업에서 그들과 소통하는 데 어려움을 느끼지 않도록 하기 위해 이 수업을 기획하게 되었습니다.

그래서!

* 프로그래밍 입문자다.
* 프론트엔드 개발자 혹은 웹 퍼블리셔와 프로젝트를 해야 하는 데 용어조차 모른다.!
* 웹에 관심이 있어서 한 번 배워보고 싶다.!
* JavaScript에 관심이 있어 기초를 배우고 싶다!

하시는 분들을 위한 수업입니다.

4차 산업 혁명 시대에는 정말 많은 분야의 IT 산업이 있습니다. 하지만 이 웹! (트렌드는 웹 앱)이 사라질 가능성은 매우 낮습니다. 우리가 이러한 산업 분야를 이해하기 위해서, 혹은 거의 모든 사람들이 사용하는 웹을 이해하기 위해선 그 기반이 되는 언어를 이해할 필요가 있습니다.

이 수업은 그 이해를 돕기 위해 기초부터 차근차근 HTML, CSS가 어떠한 언어인지를 알아가는 과정입니다. 블로그와 다양한 예제를 통해서 배워가는 HTML, CSS를 느껴고 실습하며 간단한 웹 페이지를 제작할 수 있게 됩니다.



참고자료

블로그 : https://rootjang92.github.io/
깃허브 : https://github.com/Rootjang92

그 외 자료는 유튜브를 확인하세요.



* 수업은 이해도와 시간에 따라 달라질 수 있습니다.


수업대상

  • 추천드려요!

    1. HTML,CSS는 조금 아는데, Javascript를 하나도 모른다!
    2. JavaScript의 기초를 배우고 싶다.
    3. 향후 프론트엔드 개발자로 나아가고 싶다.
    4. 프로그래밍 초보다.


    비추천이예요..

    1. 웹 퍼블리싱이 어느 정도 가능하다.
    2. 자바스크립트를 충분히 이해하고 있어서 프레임워크나 라이브러리를 다뤄보고 싶다.
    3. 프론트엔드 개발자로 일하고 있다.

커리큘럼

1회차

[자바스크립트가 뭔가요?]

- 언어로서의 자바스크립트와 역사
- 실습 준비 및 간단한 예제 해보기.

[프로그램 사용해보기]

- 웹 브라우저로 HTML 실행하기, Node.js 실행하기.
- 작성법

[변수가 뭐예요?]

- 변수란 무엇인가?
- 데이터 타입
- ES6?

[객체와 배열, 그리고 함수의 기초]

- 객체란?
- 배열은?
- 함수는?

2회차

[객체와 배열, 그리고 함수의 기초 이어서]

[표현식과 연산자]

- 연산자란 무엇인가?
- String
- 논리 연산자와 관계 연산자
- 명시적 타입 변환

[입출력 하기]

- 대화상자와 console
- 이벤트 처리기 등록해보기
- 동적할당
- Canvas 맛보기

[제어 구문]

- if와 for



3회차

[함수]

- 함수는 무엇인지 깊게 알아보기.



[객체]

- 객체란 무엇인지 깊게 알아보기.

4회차

[배열의 다양함]

- 배열 메서드
- 유사 배열 객체
- ES6의 배열.

[버그와 오류]

[정규 표현식]

[웹 브라우저의 객체]

5회차

[문서 제어]

- DOM?
- node?


[이벤트 처리]

- 이벤트 처리 자세히 알아보기.

6회차

[HTTP]

- HTTP 통신
- Ajax
- Cross-origin

[MVC 패턴 알아보기]


[생성자와 클래스]

- 생성자? 클래스?
- ES6


[기본적인 API]

튜터영상

리뷰

리뷰쓰기

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.