알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>Javascript / jQuery>자바스크립트 [실무 + 활용]

자바스크립트 [실무 + 활용]

자바스크립트 [실무 + 활용]
32회차 속성과정
전체 : 26시간 31분|회차당 평균 : 49분43초

이용기간 2개월

전문강사 : 알지오 R&D [IT] 3명

300,000185,000



자바스크립트 인강 평생교육원 교육 안내
javascript는 jQuery의 기본이 되는 내용입니다. 이 내용을 알지 못한 상태에서는 제이쿼리의 라이브러리 사용법을 전혀 이해할 수 없습니다. 또한 개발된지 오래되었음에도 불구하고 현재까지도 변경되거나 없어진 내용없이 크롬이나 스마트폰에서 여전히 사용중이며, 해당코드의 사용방법을 반드시 숙지하셔야 웹사이트의 전반적인 수정이 가능합니다.
  • 자바스크립트 [입문]
  • 01.51분 JavaScript 완벽 공략 가이드! - Chapter 1

    java와 javascript의 차이점, 주석문 개념 설명, document.write, 예약어, 문자열, 주석문, charset 정의, UTF-8, br 태그, 날짜 출력, noscript, 쌍따옴표, 작은따옴표, 변수란?, 상수, 변수값 출력, boolean 방식, Infinity, NaN, = 연산자, == 비교연산자, 나머지 값 구하는 연산자, 대입 연산자, a += b

    책갈피 : [00:11] java와 javascript 차이/[06:10] 예약어/[10:44] 차단된 컨텐츠 허용 /[14:48] 컨텐츠 허용 제한/[18:43] 변수란?/[29:01] 변수값 출력/[35:04] NaN/[41:59] + 연산자/[46:37] a = a * b, a *= b/[50:05] document.write(++a)

  • 02.41분 JavaScript 완벽 공략 가이드! - Chapter 2

    관계연산자, true/false, if else, 비교연산, 논리값, 논리연산자, or, and, 배타적 논리합, 부정, &&, II, !, 2진수, 콜론, 연산자 우선순위, 증감연산자, 비교연산자, 비트연산자, 논리연산자, 조건연산자, 대입연산자, 조건문

    책갈피 : [00:06] 관계연산자/[07:08] 연산자 작성쉼표/[10:35] 논리연산자/[14:53] 부정 연산/[21:06] or 연산/[30:47] 연산자 우선순위/[33:47] 비트연산자/[38:42] else/[40:24] false 출력값

  • 03.48분 JavaScript 완벽 공략 가이드! - Chapter 3

    if문 완벽마무리 2, else if, 스위치문, 반복문, 교착상태, do while, continue문

    책갈피 : [00:26] == 비교연산자/[07:45] else 오류작성/[10:34] else if/[14:15] 결과값 확인/[17:44] case 추가/[23:42] if문과 switch문 차이/[27:30] 반복문 정의/[32:48] For문 주의점/[41:28] 무한 루프/[46:48] false 값

  • 04.53분 JavaScript 완벽 공략 가이드! - Chapter 4

    소스 감추기, 함수정의, 매개변수, 전역 지역변수

    책갈피 : [00:07] hap 변수 초기화/[04:04] if문/[11:11] 저장된 for문 연동/[19:49] 분기점/[27:02] document.write/[36:28] 매개 변수/[44:14] 지역변수,전역변수/[51:13] 지역변수의 한계

  • 05.42분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 1

    return값, 내장함수, alert, confirm, prompt

    책갈피 : [01:13] 함수 localvar()/[05:52] Return 예약어 입력/[10:14] 내장함수 예시/[18:47] 변수 지정값/[21:43] if문 입력/[26:04] location.href/[30:46] window.resizeTo/[37:33] switch문/[40:58] alert 팝업 생성

  • 06.51분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 2

    eval, parseInt, sum, isfinite, escape, unescape, factorial

    책갈피 : [00:15] parseInt/[05:25] do while/[09:16] sum 함수 호출/[14:09] 이스케이프 시퀀스/[21:27] isFinite/[28:40] getElementById()/[32:32] escape, unescape/[37:32] escape/[43:42] 계승값 구하는 함수/[48:01] fact 함수 설명

  • 07.48분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 3

    객체, 종류별 이벤트 핸들러

    책갈피 : [01:11] factorial/[05:07] prompt/[10:15] 객체지향/[14:06] this/[25:35] printa 함수 호출/[33:06] 이벤트 핸들러 종류/[36:50] onload/[46:45] onmouseout 호출

  • 08.52분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 4

    내장객체, 남은 날짜 카운트 구하기, 문자열, length

    책갈피 : [00:15] 키보드 이벤트/[05:12] onkeydown/[09:39] getElementById()/[11:18] new Date/[13:55] getSeconds/[19:50] getMonth/[24:16] toLocaleString/[28:55] getMinutes/[31:22] new Date/[36:34] Math.ceil/[39:49] length/[44:26] anchor/[48:16] for문

  • 09.50분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 1

    자바스크립트와 html 비교(anchor, bold, fontcolor, strike), 문자열의 위치 알아내기(indexOf, lastindexOf, charAt), 원하는 문자열 출력하기(substring, slice, substr), 대소문자 변경(toUpperCase, toLowerCase), 문자열 붙여주기(concat, split), Mate 메소드, Array

    책갈피 : [01:01] 버튼 클릭 시/[05:32] document.write/[11:01] fontsize/[16:07] lastIndexOf/[22:22] substring(2, -1)/[27:58] toUpperCase/[34:40] Math.abs()/[39:33] Math.randow()/[44:23] Array 생성방법/[48:10] Array 출력

  • 10.44분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 2

    Array 여러 개체들과 for문 으로 내용 증가되도 수정없이 할수있는방법, 관련된 개체실습, Function 개체

    책갈피 : [00:03] 반복문 이용 출력 및 입력하기/[05:47] Array.length/[09:44] for문/[13:34] Array.concat/[20:05] join/[23:30] reverse 이중 사용/[30:59] Function 객체/[37:16] function.length/[42:35] 나누기 함수 정의

  • 11.48분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 3

    arguments, screen, event 객체, Number속성, 팝업

    책갈피 : [00:00] arguments/[07:12] screen 객체/[16:32] Number 객체/[23:00] m_click 함수 정의[28:37] ctrlKey/[34:40] form 하위 객체/[39:02] window.status/[41:51] window.open 인수/[47:06] window.open 좌표 설정

  • 12.39분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 4

    팝업조절, setTimeout, clearTimeout, Interval, find, print, resize, move, scrollBy

    책갈피 : [00:06] 창 닫기 만들기/[08:11] setTimeout/[13:15] settimer() 코드/[16:22] clearInterval/[21:15] window.find/[25:25] (문자열, 대/소문자 구분)/[27:41] window.resizeBy/[31:11] window.moveBy/[35:25] clearInterval/[37:59] scrollTo

  • Paragon of Javascript - 윤형민
  • 13.1시간 20분 Chapter 1

    HTML 속성 변경, 클릭시 속성 변경하는 스크립트, 유효성 검사 스크립트, 문자열, 연산자, 배열, 변수

    책갈피 : [00:00] HTML 속성 변경/[05:57] 다른 대상에게 결과값/[10:15] CONSOLE.LOG/[16:14] 대입연산자/[21:21] 할당 연산자/[27:48] 자바스크립트 배열/[34:22] 현재 날짜, 시간 출력/[39:18] lastIndexOf/[45:15] charAt/[51:05] 0xff 16진수/[01:00:21] Math.round /[01:04:36] toUTCString/[01:07:25] getTime/[01:09:49] Date.parse/[01:15:13] push/[01:18:48] 연관 배열

  • 14.1시간 33분 Chapter 2

    배열, 연산자, 내림차순&오름차순, 정규표현식, 유효성검사

    책갈피 : [00:02] 배열/[03:20] length/[11:06] Boolean/[16:41] Not 연산자/[27:58] Loop/[35:18] String/[40:28] replace/[48:53] debugger/[53:37] Case문/[01:00:48] 유효성검사/[01:03:48] validationMessage/[01:05:33] stepMismatch/[01:10:17] new Object/[01:19:44] Script함수/[01:30:01] 로컬변수

  • 15.1시간 12분 Chapter 3

    DOM 기능, 이벤트 핸들러, 인덱스, 폰트 속성 변경, 스타일 시트, 이벤트 함수

    책갈피 : [00:01] DOM기능/[04:56] applets/[08:44] getElementById/[18:05] 움직이는 div 함수/[25:52] onmousedown/[33:03] addEventListener/[39:59] Math.random/[46:29] createElement/[52:10] for문/[57:41] location.href/[01:09:36] 3초 변경/[01:11:48] clearInterval

  • The Art of Javascript - 김진호
  • 16.35분 Chapter 1

    serInterval, Array, 타이핑 효과, 폰트 색상 변경하기

    책갈피 : [00:14] form 정의/[06:21] Array 요소 접근/[11:25] onload/[16:33] 다음줄 표시/[21:55] 사용자 정의/[25:02] arguments 전달인자/[30:27] getElementById()/[34:33] setInterval

  • 17.50분 Chapter 2

    찾아줄 문자열 적어주기, Fade 기능

    책갈피 : [00:01] text 가공/[06:01] roll 함수 생성/[09:32] 이중 for문/[13:35] +연산자/[18:32] make_array 함수/[22:22] 10진수를 16진수/[30:37] Math.floor/[36:55] fade 함수/[45:25] clearInterval/[49:33] Math.floor

  • 18.53분 Chapter 3

    마우스 오버시 배경 이미지 변경, 움직이며 위로 떠오르는 효과 구현

    책갈피 : [01:31] onmouseover/[11:09] 따옴표 중복 사용/[20:14] all/[23:52] 속도 지정/[29:31] 흔들리는 속도 설정/[38:20] 이미지 랜덤/[46:32] 좌우 흔들림 설정/[52:13] setInterval

  • 19.32분 Chapter 4

    팝업 기능 실습

    책갈피 : [00:00] 팝업 기능 알아보기/[05:31] if문/[10:04] todayDate.setDate()/[14:10] toGMTString()/[20:23] o_win.opener=self/[26:12] indexOf/[30:15] return false

  • 20.43분 Chapter 5

    셀렉트 박스, 보안스크립트

    책갈피 : [00:24] f_expand 함수/[09:03] option 생성/[12:29] textarea 값 설정/[18:09] for문 이용 option 출력/[30:50] 보안 스크립트/[35:19] return false/[41:52] A 태그 마우스

  • 21.40분 Chapter 6

    alert 팝업 설정

    책갈피 : [00:07] alert 팝업 생성/[04:56] navigator/[10:29] cancelBubble/[14:40] location/[20:00] getElementByld/[23:36] spread,fold 함수/[27:29] 서브 메뉴 생성/[34:03] navigator/[37:12] Netscape 추가

  • 22.49분 Chapter 7

    웹 메뉴 생성

    책갈피 : [00:05] 스타일 생성/[04:42] 초기화 하는 이유/[10:50] For문 작성/[15:50] onMouseOver/[22:23] 마무리 태그 생성/[27:51] yMenufrom 변수/[33:22] If문 주석 처리/[37:45] Math/[42:45] parseInt 입력/[48:02] 초 단위 설정

  • The Perfection of Javascript - 김성철
  • 23.42분 Javascript 기본

    주요 용어 리뷰 및 데이터 타입에 대해 알아봅니다.

    책갈피 : [00:13] data type, 함수, 일급 객체/[06:43] 함수 예제/[18:32] undefined 할당/[26:43] 생성자함수로 객체 생성/[39:08] 프로퍼티 삭제(delete)

  • 24.46분 참조타입과 연산자 (1)

    참조타입과 연산자에 대해 알아봅니다.

    책갈피 : [00:00] 참조타입/[11:41] 함수 호출 예제/[27:12] 배열/[41:46] 객체로서의 배열/[43:39] length 변경 시 프로퍼티가 받는 영향

  • 25.21분 참조타입과 연산자 (2)

    참조타입과 연산자에 대해 알아봅니다.

    책갈피 : [00:00] 배열의 프로퍼티/[02:45] 배열의 프로퍼티 list 보기/[05:21] 배열 member 삭제(delete)/[06:10] 배열 잘라내기(splice)/[07:23] Array() 생성자함수 이용 배열 생성/[09:40] 유사배열/[11:39] 기본 타입의 표준 method/[14:47] 연산자/[15:03] + 연산자/[16:10] typeof 연산자/[17:26] ==, === 연산자/[19:22] !! 연산자

  • 26.43분 함수 (1)

    함수에 대해 알아봅니다.

    책갈피 : [00:00] 함수/[10:33] 즉시실행함수/[23:17] javascript 함수의 특징 예제/[36:23] 내부함수 실행결과/[40:15] 변수와 프로퍼티의 비교

  • 27.37분 함수 (2)

    함수에 대해 알아봅니다.

    책갈피 : [02:22] 함수 return함수/[10:27] this의 log 보기/[18:13] this binding 예제 결과확인/[25:19] 리터럴 객체와 생성자함수/[35:52] 객체 return

  • 28.38분 함수 (3)

    함수에 대해 알아봅니다.

    책갈피 : [00:00] property __proto__/[10:57] 프로토타입 chaining/[16:45] Number, String, Boolean/[24:35] 호출자가 this로 바인딩/[35:58] method의 chaining과 동적 할당

  • 29.44분 실행 context

    실행 context에 대해 자세히 알아봅니다.

    책갈피 : [00:08] context/[13:39] suminout_context 과정/[25:18] 예제 실행 결과 확인/[32:01] scop chain 결과 예측/[42:27] hoisting 예제 과정

  • 30.40분 클로저

    클로저에 대해 자세히 알아봅니다.

    책갈피 : [00:00] 클로저/[04:48] 클로저의 일반형식/[10:39] 함수에 사용자정의 method 연결/[17:39] newdraw 함수 생성/[22:33] 함수의 캡슐화/[32:21] 클로저 사용 시 주의사항/[36:10] loop 속의 클로저/[38:05] i를 인자로 즉시 실행

  • 31.1시간 24분 객체지향 프로그래밍

    객체지향의 의미와 상속에 대해 자세히 알아보고 캡슐화와 종합 예제 실습합니다.

    책갈피 : [00:00] 객체지향 프로그래밍/[08:58] 자식 생성/[15:48] 상속 받은 후 method/[26:21] extend/[31:43] apply/[37:58] 참조 최적화 상속 코드/[51:55] 응용예제(생성자함수 생성함수)/[1:01:11] hasOwnProperty/[1:09:01] 2차 상속/[1:14:52] 응용예제2/[1:20:08] 캡슐화 이용 객체 활용

  • 32.1시간 22분 함수형 프로그래밍

    함수형프로그래밍 정의, 주요용어, 배열관련 예제, 함수형 프로그래밍 다양한 예제를 알아봅니다.

    책갈피 : [00:00] dry code, side effect/[07:32] dry code 예제/[15:53] 배열과 함수를 인자로한 high-order function/[22:03] high-order function을 이용한 map/[28:51] high-order function으로 reduce 구상/[34:09] joinWord, map, reduce를 활용한 예제/[51:33] 피보나치 수열/[56:39] currying/[01:13:21] bind 함수 사용/[01:19:43] 함수 교체





주소 : 경기 의정부시 시민로122번길 41-46, 2F|e-mail : help@alzio.co.kr|호스팅 제공자 : SK브로드밴드
회사명 : 알지오|대표 : 채명수|개인정보관리자 : 박진엽|사업자등록번호 : 217-90-17793|통신판매 제2008-0312호
SSL발급자 Equifax Secure Global eBusiness CA-1|Copyright since 2003ⓒalzio.co.,Ltd all rights reserved. SNS

* 중소기업진흥공단 신기술밴처지원

* 서울기술보증 제 20031501호