IT전문교육 자바스크립트 활용 강의 추천 교육

알지오 평생교육원 자바스크립트 [활용] 강좌입니다.

전문가들이 뽑은 꼭 배워야하는 실무활용 강의

그동안 찾던 자바스크립트 [활용] 강좌의 완전판 !

여러분의 마지막 강의가 되어드리겠습니다.

알지오에서는 PC와 스마트폰, 태블릿을 이용해서 언제, 어디서나 공부를 할 수 있습니다.

열심히 공부해서 자바스크립트 [활용] 강좌를 마스터해보세요.

<자바스크립트 [활용] 강좌 샘플동영상>

<자바스크립트 [활용] 강좌 리뷰>

자바스크립트 수강생입니다^^

일단 강의의 커리큘럼 보고 평소에 제가 알고 싶어하던 내용이 많이 있어서 강의를 들어야 겠다고 생각했습니다.

자바 스크립트 강의를 수강하고 보니 코딩에 대한 이해나 수정이 이전 보다는 원활해졌어요.

조금은 난해하다고 생각 할 수 있는 내용도 강사님께서 쉽게 잘 풀어 설명해주시니 머리속에서도 정리가 잘 되네요~

컴퓨터 비전공자에게도 쉽게 강의를 이해 할 수 있어서 초보자에게 추천해주고 싶은 내용의 강의입니다.

자바스크립트 [활용] 강좌 정보입니다. 추천 인터넷 강의 : 알지오

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

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

  책갈피 : [00:00] HTML 속성 변경/[00:07] 이미지 가져오기/[00:23] 꿀팁/[00:31] function 변수/[00:41] 꿀팁/[00:54] if문 추가/[00:55] 꿀팁/[01:13] 괄호 닫기/[01:22] 꿀팁/[01:38] 꿀팁/[01:46] 결과 확인/[02:10] 꿀팁/[02:28] 이름 틀렸을 경우/[02:59] 꿀팁/[03:13] 클릭시 속성 변경/[03:27] 버튼 설명/[03:37] 꿀팁/[03:46] 변수에 스타일/[03:52] 꿀팁/[04:25] 결과 확인/[04:38] margin/[04:45] 꿀팁/[05:29] 꿀팁/[05:57] 다른 대상에게 결과값/[06:26] 유효성 검사 스크립트/[06:53] input/[06:59] 꿀팁/[07:19] function 변수 정의/[07:21] 꿀팁/[07:38] 꿀팁/[07:52] if문 추가/[07:53] 꿀팁/[08:20] 꿀팁/[08:32] 결과 확인/[08:49] 호출된 내용으로 변경/[09:04] 꿀팁/[09:13] 꿀팁/[09:28] 꿀팁/[09:51] write/[09:52] 꿀팁/[10:01] innerHTML/[10:02] 꿀팁/[10:15] CONSOLE.LOG/[10:16] 꿀팁/[10:23] alert/[10:25] 꿀팁/[10:36] 꿀팁/[10:56] write 적용/[11:03] 꿀팁/[11:36] 꿀팁/[11:52] innerHTML 적용/[12:01] 꿀팁/[12:19] 꿀팁/[12:41] 꿀팁/[12:54] 지시 실행 알아보기/[13:00] 꿀팁/[13:01] var/[13:27] innerHTML 입력/[13:31] 꿀팁/[13:42] 꿀팁/[14:04] 문자열 출력하기/[14:36] 꿀팁/[14:52] 따옴표로 문자열/[15:09] 꿀팁/[15:20] 꿀팁/[15:46] 변수로 연산하기/[15:56] 꿀팁/[16:14] 대입연산자/[16:15] 꿀팁/[16:46] 표현식/[17:26] 식별자/[17:53] 꿀팁/[18:12] 대소문자 구분/[18:16] 꿀팁/[18:32] 꿀팁/[18:52] 중괄호 /[18:55] 꿀팁/[19:21] 꿀팁/[19:40] 꿀팁/[19:50] 꿀팁/[20:13] 꿀팁/[20:38] 텍스트 변경 출력/[20:56] 연산하지 않고/[20:58] 꿀팁/[21:21] 할당 연산자/[21:25] 꿀팁/[21:57] 할당 연산자/[22:00] 꿀팁/[22:29] 정리/[22:50] 꿀팁/[23:32] 뺄셈 연산자/[24:08] 꿀팁/[24:09] 모듈 연산자/[24:33] 증가되는 연산자/[24:39] 꿀팁/[25:16] 감소되는 연산자/[25:19] 꿀팁/[25:28] 우선순위에 의한/[25:30] 꿀팁/[26:16] 순서에 따른 연산/[26:23] 꿀팁/[26:59] 순서로 문자열 출력/[27:48] 자바스크립트 배열/[27:49] 꿀팁/[28:36] 함수 호출 결과값 반환/[28:43] 꿀팁/[28:47] 변수 정의/[28:56] return/[28:57] 꿀팁/[29:36] 반환값 이용하기/[29:43] 꿀팁/[29:51] 꿀팁/[30:50] 꿀팁/[31:34] 함수 수식 할당 , 변수값/[32:40] 기본적인 응용/[32:49] 꿀팁/[33:08] 꿀팁/[33:12] 꿀팁/[33:43] 꿀팁/[34:22] 현재 날짜, 시간 출력/[34:23] 꿀팁/[34:47] 버튼 클릭시 버튼/[34:51] 꿀팁/[34:54] 꿀팁/[36:14] 꿀팁/[35:15] 줄바꿈/[35:58] 포함된 문구 변경/[36:30] 꿀팁/[36:37] replace/[36:48] 꿀팁/[37:16] length/[37:17] 꿀팁/[37:49] indexOf/[37:51] 꿀팁/[38:09] 꿀팁/[38:24] 꿀팁/[38:42] 꿀팁/[39:18] lastIndexOf/[39:20] 꿀팁/[39:35] search/[39:38] 꿀팁/[40:40] slice/[40:41] 꿀팁/[41:36] 꿀팁/[42:02] 꿀팁/[42:59] substring/[43:05] 꿀팁/[43:17] substr/[43:19] 꿀팁/[43:42] 꿀팁/[43:43] toUpperCase/[44:18] toLowerCase/[44:19] 꿀팁/[44:29] concat/[44:30] 꿀팁/[45:14] 꿀팁/[45:15] charAt/[45:29] 꿀팁/[45:30] split/[47:49] split 추가 설명/[48:11] 꿀팁/[48:36] 꿀팁/[48:45] 꿀팁/[49:38] 자바스크립트의 정수/[50:00] 꿀팁/[50:14] 꿀팁/[50:32] 소수점 인식/[51:05] 0xff 16진수/[51:25] 꿀팁/[51:54] toString/[51:55] 꿀팁/[52:48] toExponential/[52:49] 꿀팁/[53:25] 꿀팁/[53:26] toFixed/[54:10] toPrecision/[54:11] 꿀팁/[54:45] Number, new Date/[54:46] 꿀팁/[56:03] 꿀팁/[56:45] 꿀팁/[56:46] parseInt/[58:07] parseFloat/[58:08] 꿀팁/[58:50] 꿀팁/[58:51] Number.MIN_VALUE/[59:00] 꿀팁/[59:07] Math.random/[59:08] 꿀팁/[59:24] Math.min/[59:25] 꿀팁/[59:45] Math.Max/[59:46] 꿀팁/[59:56] 꿀팁/[01:00:20] 꿀팁/[01:00:21] Math.round /[01:00:43] 꿀팁/[01:00:44] Math.ceil/[01:01:10] 꿀팁/[01:01:11] Math.floor/[01:01:27] 꿀팁/[01:01:53] Date/[01:01:54] 꿀팁/[01:02:14] 꿀팁/[01:02:15] new Date/[01:02:32] 꿀팁/[01:02:50] 꿀팁/[01:02:51] 제로시간/[01:03:14] 꿀팁/[01:03:38] 꿀팁/[01:03:55] 꿀팁/[01:04:18] 꿀팁/[01:04:35] 꿀팁/[01:04:36] toUTCString/[01:05:00] 꿀팁/[01:05:01] toDateString/[01:05:32] 다양한 출력 방법/[01:05:33] 꿀팁/[01:06:02] 꿀팁/[01:06:14] 꿀팁/[01:06:28] 꿀팁/[01:06:40] 꿀팁/[01:06:52] 꿀팁/[01:07:11] 꿀팁/[01:07:25] getTime/[01:07:26] 꿀팁/[01:07:55] getFullYear/[01:07:56] 꿀팁/[01:08:10] getDay/[01:08:11] 꿀팁/[01:08:52] 꿀팁/[01:09:21] 꿀팁/[01:09:35] setDate/[01:09:36] 꿀팁/[01:09:49] Date.parse/[01:09:50] 꿀팁/[01:10:44] setFullYear/[01:10:24] 꿀팁/[01:10:45] 꿀팁/[01:11:02] 꿀팁/[01:11:07] 꿀팁/[01:11:28] 꿀팁/[01:12:14] 배열 학습하기/[01:12:15] 꿀팁/[01:13:18] 꿀팁/[01:14:04] 배열 길이 출력/[01:14:05] 꿀팁/[01:14:48] 다른 요소 추가/[01:14:58] 꿀팁/[01:15:13] push/[01:15:14] 꿀팁/[01:15:17] 꿀팁/[01:15:43] ul 과 li/[01:16:32] 꿀팁/[01:17:04] 꿀팁/[01:17:26] 꿀팁/[01:17:27] for문/[01:18:48] 연관 배열/[01:18:52] 꿀팁/[01:19:15] 꿀팁/[01:19:31] 꿀팁

• 02.1시간 33분 Chapter 2

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

  책갈피 : [00:02] 배열/[00:03] 꿀팁/[00:31] 꿀팁/[00:54] 꿀팁/[01:17] onclick/[01:18] 꿀팁/[01:25] 꿀팁/[01:42] 꿀팁/[02:01] push/[02:05] 꿀팁/[02:06] shift/[02:31] 꿀팁/[02:35] unshift/[03:19] 꿀팁/[03:20] length/[03:43] 꿀팁/[03:44] delete/[04:12] undefined/[04:18] 꿀팁/[04:22] splice/[05:03] 꿀팁/[05:17] 꿀팁/[05:44] 꿀팁/[06:01] return/[06:02] 꿀팁/[06:47] 내림차순,오름차순/[07:24] 꿀팁/[08:16] script/[08:47] 꿀팁/[08:48] concat/[09:52] 꿀팁/[10:23] 꿀팁/[10:59] click event/[11:04] 꿀팁/[11:06] Boolean/[11:29] 꿀팁/[12:13] 꿀팁/[12:55] 꿀팁/[13:21] 꿀팁/[13:51] 꿀팁/[14:20] 꿀팁/[14:55] 논리연산자/[14:56] 꿀팁/[15:03] And 연산자/[15:16] 꿀팁/[15:58] 꿀팁/[16:38] 꿀팁/[16:41] Not 연산자/[17:00] 꿀팁/[17:37] 꿀팁/[17:45] 꿀팁/[19:39] 꿀팁/[19:49] 꿀팁/[19:51] If문/[20:05] 꿀팁/[20:42] 꿀팁/[20:57] 꿀팁/[21:03] 꿀팁/[22:18] 꿀팁/[22:21] Switch문/[22:50] 꿀팁/[23:07] 꿀팁/[23:29] 꿀팁/[23:33] default/[23:46] getDay/[24:49] 꿀팁/[24:55] 꿀팁/[25:30] 꿀팁/[26:36] 꿀팁/[26:39] For문/[27:12] For문/[27:36] 꿀팁/[27:54] 꿀팁/[27:58] Loop/[29:46] 꿀팁/[30:12] 꿀팁/[30:13] Break/[31:06] 꿀팁/[31:09] continue/[31:48] 꿀팁/[31:51] 꿀팁/[31:55] break list/[32:30] 꿀팁/[32:44] undefined/[33:17] 꿀팁/[33:26] 꿀팁/[33:32] 배열/[33:56] new Date/[33:57] 꿀팁/[34:09] 꿀팁/[34:31] 꿀팁/[35:18] String/[35:19] 꿀팁/[35:28] toString/[35:35] undefined/[35:36] 꿀팁/[36:17] 정규표현식/[36:18] 꿀팁/[36:21] 꿀팁/[36:22] search/[37:41] 꿀팁/[38:19] 꿀팁/[38:54] 꿀팁/[39:05] 꿀팁/[39:07] click event/[39:15] 꿀팁/[39:43] replace/[39:44] 꿀팁/[40:15] 꿀팁/[40:28] replace/[40:45] 꿀팁/[41:05] 꿀팁/[41:10] i(대,소문자구분)/[41:21] 꿀팁/[41:34] 꿀팁/[41:56] 꿀팁/[42:11] 꿀팁/[43:22] 꿀팁/[44:04] 꿀팁/[44:16] catch/[44:17] 꿀팁/[44:52] input/[45:03] 꿀팁/[45:17] 꿀팁/[45:25] 꿀팁/[45:30] 꿀팁/[45:44] 꿀팁/[45:54] 꿀팁/[45:56] 공백/[46:08] 꿀팁/[46:20] 꿀팁/[46:49] 꿀팁/[48:04] 꿀팁/[48:53] debugger/[48:54] 꿀팁/[49:38] 변수지정/[49:48] 꿀팁/[49:49] typeof/[50:19] 꿀팁/[50:21] 매개변수/[50:32] 꿀팁/[50:34] If문/[50:36] 꿀팁/[50:40] 비교연산자/[50:47] 꿀팁/[51:26] 꿀팁/[51:28] If문/[52:06] 꿀팁/[52:45] 꿀팁/[53:07] 비교연산자/[53:08] 꿀팁/[53:18] Switch/[53:31] 꿀팁/[53:37] Case문/[54:10] 꿀팁/[55:12] 꿀팁/[55:41] Index 배열/[56:00] 꿀팁/[56:19] 꿀팁/[56:22] length/[56:59] Undefined/[57:27] 표준개체배열정의/[58:40] 꿀팁/[58:42] onsubmit/[59:05] 꿀팁/[59:11] 꿀팁/[59:23] 꿀팁/[59:24] If문/[59:31] 꿀팁/[01:00:22] return/[0100:58] 꿀팁/[01:00:48] 유효성검사/[01:01:21] 꿀팁/[01:01:32] If문/[01:01:33] 꿀팁/[01:02:09] 꿀팁/[01:02:38] type=number/[01:02:54] 꿀팁/[01:03:10] 꿀팁/[01:03:16] 꿀팁/[01:03:30] Else문/[01:03:48] validationMessage/[01:03:58] 꿀팁/[01:04:17] 꿀팁/[01:04:18] validity/[01:04:27] 꿀팁/[01:04:30] validationMessage/[01:04:40] 꿀팁/[01:04:43] willValidate/[01:04:50] 꿀팁/[01:04:54] 유효성등록/[01:04:55] customError/[01:05:03] 꿀팁/[01:05:04] patternMismatch/[01:05:14] 꿀팁/[01:05:16] angeOverflow/[01:05:25] 꿀팁/[01:05:27] rangeUnderflow/[01:05:31] 꿀팁/[01:05:33] stepMismatch/[01:05:37] 꿀팁/[01:05:40] tooLong/[01:05:43] maxLength/[01:05:44] 꿀팁/[01:05:55] 꿀팁/[01:06:01] 꿀팁/[01:06:05] typeMismatch/[01:06:13] 꿀팁/[01:06:19] 꿀팁/[01:06:31] 꿀팁/[01:06:34] 함수정의/[01:06:41] 꿀팁/[01:06:43] If문/[01:06:50] 꿀팁/[01:07:49] 꿀팁/[01:08:07] 꿀팁/[01:08:45] 꿀팁/[01:08:47] Literal/[01:08:59] 꿀팁/[01:10:17] new Object/[01:10:13] 꿀팁/[01:10:54] 꿀팁/[01:12:31] Literal/[01:12:32] 꿀팁/[01:12:41] Pattern Literal/[01:12:44] 꿀팁/[01:12:56] 객체(Object) Literal/[01:13:17] 꿀팁/[01:13:19] 꿀팁/[01:13:23] typeof/[01:13:26] 꿀팁/[01:13:51] 꿀팁/[01:14:51] 꿀팁/[01:15:07] 꿀팁/[01:16:02] 꿀팁/[01:17:16] 꿀팁/[01:17:57] 꿀팁/[01:18:05] return/[01:18:06] 꿀팁/[01:19:24] 꿀팁/[01:19:44] Script함수/[01:19:54] 꿀팁/[01:20:28] 꿀팁/[01:21:15] 꿀팁/[01:21:25] arguments.length/[01:22:58] 꿀팁/[01:23:36] 꿀팁/[01:23:56] 꿀팁/[01:24:11] 꿀팁/[01:24:19] retun absum/[01:25:42] 꿀팁/[01:26:15] 꿀팁/[01:27:24] 꿀팁/[01:28:10] 꿀팁/[01:28:37] 꿀팁/[01:28:59] return/[01:29:15] 꿀팁/[01:30:00] 꿀팁/[01:30:01] 로컬변수/[01:30:37] 꿀팁/[01:30:51] 꿀팁/[01:30:26] 외부변수/[01:32:06] 꿀팁

• 03.1시간 12분 Chapter 3

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

  책갈피 : [00:01] DOM기능/[00:02] 꿀팁/[00:34] 꿀팁/[00:37] getElementById()/[00:56] 꿀팁/[01:19] 꿀팁/[01:45] 꿀팁/[01:46] getElementsByTagName/[01:53] 꿀팁/[01:54] getElementByClassName/[02:07] 꿀팁/[02:20] attribute/[02:27] 꿀팁/[02:28] setAttribute/[02:39] 꿀팁/[02:41] style.property/[02:53] 꿀팁/[02:55] createElement/[03:05] 꿀팁/[03:09] removeChild/[03:14] 꿀팁/[03:16] appendChild/[03:26] 꿀팁/[03:28] replaceChild/[03:35] 꿀팁/[03:36] write/[03:47] 이벤트 핸들러/[03:49] 꿀팁/[03:56] onclick/[03:57] 꿀팁/[04:13] DOM 레벨/[04:42] anchors/[04:43] 꿀팁/[04:53] 꿀팁/[04:56] applets/[05:09] 꿀팁/[05:10] baseURI/[05:14] body/[05:13] 꿀팁/[05:25] cookie/[05:26] 꿀팁/[05:31] doctype/[05:32] 꿀팁/[05:36] documentElement/[05:37] 꿀팁/[05:41] documentMode/[05:42] 꿀팁/[05:49] documentURI/[05:50] 꿀팁/[05:54] domain/[05:55] 꿀팁/[05:58] embeds/[05:59] 꿀팁/[06:03] forms/[06:04] 꿀팁/[06:12] getElementById/[06:13] 꿀팁/[06:22] innerHTML/[07:17] 꿀팁/[07:18] getElementsByTagName/[07:38] abab[0] 꿀팁/[08:15] 인덱스/[08:44] getElementById/[08:45] 꿀팁/[08:51] 꿀팁/[09:04] 꿀팁/[09:13] '와 "의 차이/[09:45] getElementsByClassName/[09:46] 꿀팁/[10:31] querySelectorAll/[10:32] 꿀팁/[11:19] 꿀팁/[11:21] Date()/[11:49] write/[12:14] 꿀팁/[12:21] innerHTML변경/[12:22] 꿀팁/[13:10] 이미지 값 변경/[13:53] id 값 고유성/[14:08] 폰트컬러 변경/[14:09] 꿀팁/[14:29] 꿀팁/[14:30] 폰트 변경/[15:13] 꿀팁/[15:14] 폰트사이즈 변경/[16:07] 버튼 클릭시 스타일/[16:08] 꿀팁/[16:26] 꿀팁/[17:31] 스타일시트 설명/[18:05] 움직이는 div 함수/[18:15] 꿀팁/[18:35] 꿀팁/[18:38] setInterval/[18:57] frame 함수/[19:09] 꿀팁/[19:16] clearInterval/[19:26] 꿀팁/[19:40] style.top, style.left/[20:05] if (ddd11 == 300)/[20:16] 속도 변경/[21:08] html 태그→스크립트/[21:09] 꿀팁/[21:14] 꿀팁/[21:20] this/[21:54] aa(this)/[21:55] 꿀팁/[22:09] 꿀팁/[22:41] 버튼클릭시 날짜/[22:43] 꿀팁/[23:11] onchange/[23:12] 꿀팁/[23:32] 꿀팁/[23:45] 꿀팁/[23:46] toUpperCase/[24:24] 꿀팁/[24:25] onmouseover, onmouseout/[24:59] 꿀팁/[25:15] 결과보기/[25:28] 꿀팁/[25:43] backgroundColor/[25:52] onmousedown/[25:53] 꿀팁/[26:35] 결과보기/[26:56] 꿀팁/[27:02] addEventListener/[27:14] Date()/[27:15] 꿀팁/[28:00] 꿀팁/[28:03] alert()/[28:16] 꿀팁/[29:05] 꿀팁/[29:17] addEventListener/[29:18] 꿀팁/[29:57] 꿀팁/[30:22] 꿀팁/[30:24] 코드 설명/[30:51] 꿀팁/[31:09] 꿀팁/[31:10] 3가지 이벤트 추가/[31:32] mouseover함수/[32:01] click 이벤트/[32:06] mouseout 이벤트/[32:16] br 태그/[32:52] 브라우저 사이즈 변경/[33:01] 꿀팁/[33:03] addEventListener/[33:14] 꿀팁/[33:43] 꿀팁/[33:45] XMLHttpRequest/[33:58] 매개변수/[34:00] 꿀팁/[34:07] 꿀팁/[34:28] 꿀팁/[34:48] function efef(a, b)/[36:10] 이벤트 발생시 요소/[36:55] 꿀팁/[37:04] 꿀팁/[37:06] addEventListener/[37:33] padding/[37:50] addEventListener/[38:25] 결과보기/[38:55] removeEventListener/[38:56] 꿀팁/[39:50] addEventListener/[39:51] 꿀팁/[39:59] Math.random/[40:00] 꿀팁/[40:29] removeEventListener/[40:31] 꿀팁/[41:28] 꿀팁/[41:36] (aa.addEventListener)/[41:37] 꿀팁/[41:46] attachEvent/[41:49] 꿀팁/[42:44] 노드 설명/[42:42] 꿀팁/[43:23] 꿀팁/[43:40] nodeValue/[43:52] 꿀팁/[44:36] 꿀팁/[44:37] firstChild/[45:08] 꿀팁/[45:19] 꿀팁/[45:23] body.innerHTML/[45:56] documentElement/[46:21] appendChild/[45:26] 꿀팁/[45:56] 꿀팁/[46:22] 꿀팁/[46:29] createElement/[46:36] 꿀팁/[46:43] createTextNode/[46:48] 꿀팁/[47:16] 변수명 바꾸기/[47:36] 꿀팁/[47:45] 꿀팁/[47:58] 꿀팁/[47:59] insertBefore/[48:37] 꿀팁/[48:51] removeChild/[49:38] 꿀팁/[49:41] replaceChild/[50:21] getElementsByTagName/[50:22] 꿀팁/[50:57] 꿀팁/[50:59] aaa.length/[51:34] 결과보기/[52:03] getElementsByTagName/[52:04] 꿀팁/[52:08] 꿀팁/[52:10] for문/[52:50] 꿀팁/[53:05] 꿀팁/[53:10] BOM/[53:36] 꿀팁/[53:38] innerHeight/[53:39] 꿀팁/[53:40] innerWidth/[54:11] 꿀팁/[54:12] clientWidth/[54:21] 꿀팁/[54:22] clientHeight/[54:27] 꿀팁/[55:20] screen.width/[55:21] 꿀팁/[56:16] screen.height/[56:17] 꿀팁/[56:23] 꿀팁/[56:25] screen.availWidth/[56:46] 꿀팁/[56:48] screen.availHeight/[56:56] screen.colorDepth/[56:57] 꿀팁/[57:17] 꿀팁/[57:19] screen.pixelDepth/[57:40] 꿀팁/[57:41] location.href/[57:59] 꿀팁/[58:00] location.hostname/[58:12] location.pathname/[58:13] 꿀팁/[58:24] 꿀팁/[58:25] location.protocol/[58:47] 꿀팁/[58:48] location.assign/[59:14] 꿀팁/[59:58] history 설명/[01:00:06] 꿀팁/[01:00:19] 꿀팁/[01:00:23] history.back()/[01:00:54] history.forward()/[01:01:03] 꿀팁/[01:01:23] cookieEnabled/[01:01:24] 꿀팁/[01:01:56] 꿀팁/[01:01:57] appName/[01:02:08] appCodeName/[01:02:48] product/[01:02:49] 꿀팁/[01:02:56] appVersion/[01:02:57] 꿀팁/[01:03:13] userAgent/[01:03:14] 꿀팁/[01:03:28] platform/[01:03:29] 꿀팁/[01:03:50] language/[01:03:51] 꿀팁/[01:04:02] 꿀팁/[01:04:05] javaEnabled/[01:04:44] 꿀팁/[01:04:59] confirm/[01:05:00] 꿀팁/[01:05:46] 꿀팁/[01:05:51] if (confirm("ok") == true)/[01:06:00] if (confirm("ok") == false)/[01:06:33] 꿀팁/[01:06:37] prompt/[01:06:39] 꿀팁/[01:06:54] 꿀팁/[01:06:55] if (aaa != null)/[01:07:39] 줄바꿈/[01:08:03] \n/[01:08:04] 꿀팁/[01:08:24] \n\n\n/[01:08:32] setTimeout/[01:08:35] 꿀팁/[01:08:55] 꿀팁/[01:09:11] 1초 변경/[01:09:15] 꿀팁/[01:09:36] 3초 변경/[01:09:43] 꿀팁/[01:09:44] clearTimeout/[01:10:08] setTimeout/[01:10:39] 꿀팁/[01:10:40] setInterval/[01:10:50] 꿀팁/[01:10:58] toLocaleTimeString/[01:10:59] 꿀팁/[01:11:22] setInterval/[01:11:45] 꿀팁/[01:11:48] clearInterval

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

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

  책갈피 : [00:02] 꿀팁/[00:14] form 정의/[00:26] textarea/[00:51] name의 중요성/[01:40] onload/[01:46] 꿀팁/[02:17] Array/[02:18] 꿀팁/[02:44] 꿀팁/[03:05] Array 쉼표(,) 구분/[03:19] 꿀팁/[04:42] tl.length/[04:47] 꿀팁/[05:25] function/[05:27] 꿀팁/[06:02] 꿀팁/[06:03] if/[06:21] Array 요소 접근/[06:32] substring/[06:33] 꿀팁/[07:26] 꿀팁/[07:27] substring 인자/[08:38] 커서가 깜박거리는/[09:03] textarea에 내용/[09:37] write/[09:38] 꿀팁/[10:04] document로 textarea/[10:20] 꿀팁/[10:50] textform.text1/[11:25] onload/[11:27] 꿀팁/[11:36] setInterval/[11:40] 꿀팁/[12:38] 꿀팁/[12:40] if/[12:54] tl[i].length/[13:05] 꿀팁/[13:58] else/[14:38] 결과 확인/[15:23] 꿀팁/[16:08] tl[i].length/[16:09] 꿀팁/[16:33] 다음줄 표시/[16:45] if/[16:46] 꿀팁/[16:59] tl.length/[17:00] 꿀팁/[18:05] else/[18:25] 코드 설명/[18:26] 꿀팁/[19:21] 결과 확인/[20:03] 꿀팁/[20:49] 꿀팁/[19:45] Array 수정 후 결과/[20:43] 글자 컬러 변경/[21:31] 꿀팁/[21:55] 사용자 정의/[22:18] 함수 정의/[22:19] 꿀팁/[22:36] 생성자 함수/[23:02] 인수 삽입/[23:12] 꿀팁/[23:40] this.length/[23:55] 꿀팁/[23:56] this/[24:25] arguments/[24:27] 꿀팁/[25:02] arguments 전달인자/[25:18] arguments.length/[25:19] 꿀팁/[26:07] this[] 꿀팁/[26:08] 꿀팁/[26:19] 꿀팁/[26:23] arguments[] 꿀팁/[27:09] 꿀팁/[27:10] for/[27:51] this.length/[27:52] 꿀팁/[28:31] color_array 함수/[28:42] 꿀팁/[30:27] getElementById()/[30:33] 꿀팁/[31:07] 꿀팁/[31:22] style.color/[31:28] 꿀팁/[32:08] j 변수 초기화/[32:45] if/[32:46] 꿀팁/[33:03] color1.length/[33:07] 꿀팁/[34:13] body onload/[34:27] 꿀팁/[34:33] setInterval/[34:35] 꿀팁/[34:48] 꿀팁

• 05.50분 Chapter 2

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

  책갈피 : [00:01] text 가공/[00:33] var/[00:35] 꿀팁/[01:19] new Array/[01:20] 꿀팁/[02:19] 배열 변수 만들기/[02:20] 꿀팁/[02:40] 빈 배열의 의미/[03:20] for/[03:24] 꿀팁/[03:25] var/[03:28] 꿀팁/[03:42] text.length/[03:43] 꿀팁/[04:29] 꿀팁/[06:01] roll 함수 생성/[06:02] 꿀팁/[06:29] for/[06:31] 꿀팁/[06:35] 꿀팁/[06:51] 꿀팁/[07:29] if/[07:31] 꿀팁/[07:44] substring/[07:45] 꿀팁/[08:40] !=/[08:41] 꿀팁/[08:57] 꿀팁/[09:32] 이중 for문/[09:33] 꿀팁/[10:09] if/[10:10] 꿀팁/[11:24] break/[11:26] 꿀팁/[12:12] var/[12:13] 꿀팁/[12:38] for/[12:39] 꿀팁/[12:47] 꿀팁/[12:56] 복합할당연산자/[13:01] 꿀팁/[13:35] +연산자/[14:02] getElementById/[14:03] 꿀팁/[14:18] innerHTML/[14:19] 꿀팁/[14:36] onload/[14:37] 꿀팁/[15:08] text.substring/[15:09] 꿀팁/[16:50] fade 기능/[17:14] 꿀팁/[17:40] 꿀팁/[17:53] RGB/[18:32] make_array 함수/[18:33] 꿀팁/[19:28] 꿀팁/[19:37] this.length/[19:40] 꿀팁/[20:22] for/[20:24] 꿀팁/[20:43] 꿀팁/[21:32] hexa/[22:01] array 생성/[22:02] 꿀팁/[23:03] 꿀팁/[22:22] 10진수를 16진수/[23:05] for/[24:42] 10진수/[25:03] 16진수로 변환/[25:04] 꿀팁/[25:38] if/[25:39] 꿀팁/[25:54] 꿀팁/[26:11] else if/[26:44] 꿀팁/[26:53] else/[27:00] 꿀팁/[27:35] 꿀팁/[28:30] 꿀팁/[29:03] 142를 16진수/[30:37] Math.floor/[30:38] 꿀팁/[31:02] Math.floor/[31:03] 꿀팁/[31:53] 꿀팁/[32:19] 꿀팁/[32:45] %연산자/[32:49] 꿀팁/[33:42] "" + 숫자의 의미/[33:43] 꿀팁/[34:56] background 입력/[35:09] 꿀팁/[35:46] fade/[36:16] 꿀팁/[36:55] fade 함수/[36:56] 꿀팁/[37:43] 꿀팁/[37:46] bgColor/[42:03] Math.floor/[42:04] 꿀팁/[42:11] 꿀팁/[43:10] convertToHex/[43:16] 꿀팁/[44:17] setInterval/[44:21] 꿀팁/[45:15] if/[45:16] 꿀팁/[45:25] clearInterval/[45:27] 꿀팁/[45:47] setInterval/[46:46] 재귀함수/[46:47] 꿀팁/[46:53] setTimeout/[46:54] 꿀팁/[47:14] 꿀팁/[47:41] background fade/[47:46] 꿀팁/[48:12] 꿀팁/[48:34] 꿀팁/[48:52] "" + 숫자의 의미/[48:53] 꿀팁/[49:33] Math.floor/[49:36] 꿀팁

• 06.53분 Chapter 3

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

  책갈피 : [01:31] onmouseover/[01:32] 꿀팁/[01:54] onmouseout/[01:55] 꿀팁/[03:01] image 객체 생성/[03:06] 꿀팁/[03:48] picture1_back 생성/[03:54] 꿀팁/[04:15] 꿀팁/[05:26] 꿀팁/[05:39] picture2_back 생성/[06:06] 함수/[06:07] 꿀팁/[06:58] 꿀팁/[06:59] body.background/[07:41] 꿀팁/[08:04] onmouseover/[08:30] 꿀팁/[08:37] 꿀팁/[08:51] onmouseout/[09:43] 꿀팁/[09:47] picture2_back/[10:04] 꿀팁/[10:14] 꿀팁/[10:37] 꿀팁/[11:09] 따옴표 중복 사용/[11:10] 꿀팁/[11:48] write/[11:53] 꿀팁/[13:01] 이미지 경로/[13:22] 꿀팁/[13:58] 꿀팁/[13:59] write/[14:44] 꿀팁/[15:05] onmouseout/[15:24] 꿀팁/[15:33] onmouseover/[15:57] ""과 " "의 차이/[18:01] 위로 올라가는 코드/[18:29] 꿀팁/[18:32] setInterval/[18:53] var/[18:56] 꿀팁/[19:22] 꿀팁/[20:14] all/[20:15] 꿀팁/[20:52] getElementById/[20:53] 꿀팁/[21:06] 꿀팁/[21:14] !연산자/[21:15] 꿀팁/[21:46] 꿀팁/[22:16] 꿀팁/[23:02] 네스케이프에서 all/[23:05] 꿀팁/[23:43] 올라가는 이미지/[23:52] 속도 지정/[23:58] 꿀팁/[23:59] new Array()/[24:20] 꿀팁/[24:27] 배열에 경로 지정/[25:50] 배열 생성/[25:55] 꿀팁/[26:14] 꿀팁/[26:28] for문/[26:29] 꿀팁/[27:23] 꿀팁/[27:27] Math.random/[27:31] 꿀팁/[28:20] y좌표 설정/[28:25] 꿀팁/[29:23] am값 설정/[29:24] 꿀팁/[29:31] 흔들리는 속도 설정/[29:56] 올라가는 속도 설정/[29:57] 꿀팁/[30:23] if문/[30:28] 꿀팁/[31:10] or 연산자/[31:11] 꿀팁/[31:44] 꿀팁/[31:48] z-index/[32:13] visivility/[32:14] 꿀팁/[33:15] write/[33:16] 꿀팁/[35:03] z-index/[35:04] 꿀팁/[35:24] 꿀팁/[35:30] if문/[35:44] 꿀팁/[36:11] 꿀팁/[36:28] 꿀팁/[37:25] 이미지 추가/[38:20] 이미지 랜덤/[38:24] 꿀팁/[38:52] 꿀팁/[39:19] 꿀팁/[39:43] balloon 함수/[39:46] 꿀팁/[40:09] for문/[40:10] 꿀팁/[40:40] sty 의미/[42:21] 꿀팁/[43:21] x좌표 설정/[43:22] 꿀팁/[43:45] y좌표 설정/[44:20] stx 흔들림 설정/[44:25] 꿀팁/[44:39] sty 속도 설정/[45:08] 화면 너비 설정/[45:09] 꿀팁/[45:23] 꿀팁/[46:15] body.clientWidth/[46:16] 꿀팁/[46:29] 꿀팁/[46:32] 좌우 흔들림 설정/[47:13] sin 함수/[47:16] 꿀팁/[48:02] if문/[48:03] 꿀팁/[48:26] 꿀팁/[48:58] style.pixelTop/[49:01] 꿀팁/[49:13] body.scrollTop/[49:14] 꿀팁/[49:44] 꿀팁/[49:45] Math.sin()/[50:18] 꿀팁/[50:43] else if/[51:35] pageYOffset/[51:36] 꿀팁/[52:13] setInterval/[52:22] 꿀팁

• 07.32분 Chapter 4

  책갈피 : [00:00] 팝업 기능 알아보기/[00:06] 꿀팁/[00:12] 쿠키 활용 예/[02:09] 팝업 창 만들기/[02:34] 닫기 버튼 이벤트/[02:35] 꿀팁/[03:04] closeWin 함수/[03:05] 꿀팁/[03:20] self.close()/[03:21] 꿀팁/[03:38] 꿀팁/[04:56] checked=true/[05:31] if문/[05:36] 꿀팁/[05:48] 꿀팁/[05:55] checkbox.checked/[06:16] setCookie 함수 호출/[06:51] 꿀팁/[07:44] 쿠키 설명/[07:48] 꿀팁/[08:22] setCookie 함수/[08:23] 꿀팁/[09:23] var/[09:24] 꿀팁/[09:33] 꿀팁/[10:04] todayDate.setDate()/[10:05] 꿀팁/[10:09] 꿀팁/[10:37] var todayDate/[10:41] 꿀팁/[10:59] 꿀팁/[11:24] 쿠키 설정/[11:42] cookie/[11:46] 꿀팁/[12:28] 꿀팁/[12:51] escape/[12:52] 꿀팁/[13:19] 세미콜론/[13:21] 꿀팁/[13:32] path/[13:33] 꿀팁/[13:48] expires/[14:05] 꿀팁/[14:10] toGMTString()/[14:59] 꿀팁/[15:28] 꿀팁/[16:08] 부모창 코딩/[16:48] if문/[16:51] 꿀팁/[17:01] 꿀팁/[17:09] winopen 함수/[17:19] 꿀팁/[17:56] getCookie/[18:32] ==연산자/[18:29] 꿀팁/[18:46] !=연산자/[18:47] 꿀팁/[19:07] open/[19:12] 꿀팁/[20:23] o_win.opener=self/[20:24] 꿀팁/[21:07] 꿀팁/[22:01] getCookie 함수/[22:08] 꿀팁/[23:22] 꿀팁/[23:24] cookie.length/[23:25] 꿀팁/[24:00] 꿀팁/[24:01] write(cookie)/[25:40] 꿀팁/[25:43] 쿠키값 위치 찾기/[26:07] 꿀팁/[26:12] indexOf/[26:15] 꿀팁/[27:12] 꿀팁/[27:27] 꿀팁/[28:29] cookie.indexOf/[28:31] 꿀팁/[29:22] 꿀팁/[29:28] 꿀팁/[29:44] 꿀팁/[29:47] unescape/[29:48] 꿀팁/[29:58] 꿀팁/[30:15] return false/[30:27] 꿀팁/[31:55] 꿀팁

• 08.43분 Chapter 5

  책갈피 : [00:24] f_expand 함수 설명/[00:31] 꿀팁/[00:42] 꿀팁/[01:19] cont_cnt 변수 초기화/[01:39] 꿀팁/[01:47] 꿀팁/[02:18] 꿀팁/[03:01] pointer++/[03:02] 꿀팁/[03:51] 꿀팁/[04:09] contents.length-1/[04:10] 꿀팁/[04:54] 재귀호출/[04:56] 꿀팁/[05:30] setTimeout/[05:31] 꿀팁/[05:50] 꿀팁/[06:33] 꿀팁/[07:16] selectbox textarea/[07:47] 꿀팁/[08:05] 꿀팁/[08:34] select 태그 정의/[08:43] 꿀팁/[09:03] option 생성/[09:20] selected/[09:43] textarea/[09:46] 꿀팁/[10:21] 따옴표/[10:45] 꿀팁/[10:37] change 함수/[11:03] 꿀팁/[11:16] 꿀팁/[11:30] selectbox.options[] 꿀팁/[11:31] 꿀팁/[11:58] selected/[12:00] 꿀팁/[12:26] 꿀팁/[12:29] textarea 값 설정/[13:19] 꿀팁/[13:54] for문/[13:55] 꿀팁/[14:02] 꿀팁/[14:39] 꿀팁/[15:17] write로 form 작성/[15:18] 꿀팁/[16:06] 꿀팁/[16:40] change 함수 실행결과/[17:11] option Array 생성/[17:18] 꿀팁/[18:09] for문 이용 option 출력/[18:10] 꿀팁/[18:13] 꿀팁/[18:25] 꿀팁/[18:36] 꿀팁/[18:48] 꿀팁/[19:12] 꿀팁/[19:19] 꿀팁/[20:08] 꿀팁/[20:19] length/[20:20] 꿀팁/[20:52] 꿀팁/[20:59] 꿀팁/[21:35] 결과보기/[22:00] 차단 스크립트 만들기/[22:15] 꿀팁/[23:05] oncontextmenu/[23:07] 꿀팁/[23:10] 꿀팁/[23:47] ondragstart/[23:48] 꿀팁/[24:43] 익스플로러 드래그/[25:35] onselectstart/[25:36] 꿀팁/[26:19] 꿀팁/[26:21] protect_img 함수/[26:43] alert/[26:44] 꿀팁/[26:50] 꿀팁/[27:01] click_image 함수/[27:02] 꿀팁/[27:24] images/[27:26] 꿀팁/[27:59] 꿀팁/[28:06] 꿀팁/[28:10] images.length/[28:42] images[i] 꿀팁/[29:05] 꿀팁/[29:48] onload/[29:49] 꿀팁/[30:01] 꿀팁/[30:02] onmousedown/[30:50] 보안 스크립트/[31:33] no_click(evt) 함수/[31:34] 꿀팁/[31:37] 꿀팁/[32:09] 꿀팁/[32:22] navigator/[32:23] 꿀팁/[32:43] indexOf("Explorer")/[32:44] 꿀팁/[33:09] 꿀팁/[33:43] 꿀팁/[33:45] event.button/[33:52] 꿀팁/[34:05] 꿀팁/[34:26] 꿀팁/[34:29] srcElement.tagName/[34:30] 꿀팁/[35:03] alert/[35:04] 꿀팁/[35:19] return false/[35:20] 꿀팁/[35:42] onmousedown/[35:55] 꿀팁/[35:58] indexOf("Netscape")/[36:52] Explorer가 아닐 때/[36:58] 꿀팁/[37:21] event.button/[37:25] 꿀팁/[37:54] 꿀팁/[38:01] 꿀팁/[38:03] evt.which/[38:27] 꿀팁/[38:30] target.tagName/[38:33] 꿀팁/[38:56] 꿀팁/[39:29] 꿀팁/[40:12] oncontextmenu/[40:13] 꿀팁/[40:58] 꿀팁/[41:51] 꿀팁/[41:52] A 태그 마우스

• 09.40분 Chapter 6

  책갈피 : [00:03] 꿀팁/[00:07] alert 팝업 생성/[00:46] 메타 태그 추가/[00:56] 꿀팁/[01:13] 꿀팁/[01:42] ctrlKey/[01:52] 꿀팁/[02:09] altKey/[02:12] 꿀팁/[02:21] 꿀팁/[02:22] shiftKey/[02:51] function ieclick/[03:27] 꿀팁/[04:07] 꿀팁/[04:09] event객체/[04:53] 꿀팁/[04:56] navigator/[04:57] 꿀팁/[05:21] 꿀팁/[05:51] 꿀팁/[05:55] Explorer, Netscape/[07:19] pc,모바일 링크값/[07:53] 꿀팁/[07:56] 함수 생성/[08:07] setInterval/[08:10] 꿀팁/[08:29] 꿀팁/[09:52] 전체화면 없도록/[09:54] 꿀팁/[10:06] 꿀팁/[10:14] 꿀팁/[10:27] 꿀팁/[10:29] cancelBubble/[10:44] 꿀팁/[10:46] returnValue/[11:19] 꿀팁/[11:21] onkeydown/[11:32] 결과 확인/[12:09] block_f11 주석/[12:13] 꿀팁/[12:16] Referer 만들기/[12:54] 꿀팁/[13:32] 꿀팁/[13:34] Url 변수 지정/[13:44] 꿀팁/[13:46] If문 작성/[13:51] 꿀팁/[13:57] 꿀팁/[14:26] 꿀팁/[14:37] alert 문구 작성/[14:39] 꿀팁/[14:40] location/[15:23] 결과 확인/[16:17] 꿀팁/[17:03] 꿀팁/[17:46] 하부메뉴 만들기/[17:57] div 생성/[18:17] a링크 생성/[18:27] onclick 함수 삽입/[18:28] 꿀팁/[19:45] 꿀팁/[20:00] getElementByld/[20:01] 꿀팁/[20:25] style.display=none/[20:26] 꿀팁/[20:41] 결과 확인/[21:14] spread 함수 생성/[21:15] 꿀팁/[21:25] 꿀팁/[21:42] 꿀팁/[22:13] 꿀팁/[22:56] fold 함수 생성/[23:02] 결과 확인/[23:36] spread,fold 함수/[23:42] 단일 함수 만들기/[23:59] 스타일 시트 정의/[24:26] a링크 생성/[24:36] 꿀팁/[25:24] 결과 확인/[25:38] br태그 삽입/[25:49] 꿀팁/[26:14] menu1 div 생성/[26:46] 꿀팁/[27:07] 꿀팁/[27:27] 꿀팁/[27:29] 서브 메뉴 생성/[28:17] 꿀팁/[29:18] For문 작성/[29:21] 꿀팁/[29:24] 꿀팁/[30:19] 꿀팁/[31:19] 꿀팁/[32:24] 결과 확인/[32:39] 꿀팁/[33:03] menu_fold 함수/[33:19] 꿀팁/[34:03] navigator/[34:04] 꿀팁/[34:13] 꿀팁/[34:33] 꿀팁/[35:03] 꿀팁/[35:07] 꿀팁/[35:27] 꿀팁/[35:43] 꿀팁/[35:57] 꿀팁/[36:47] 꿀팁/[37:10] 꿀팁/[37:12] Netscape 추가/[37:39] 꿀팁/[37:46] 꿀팁/[38:14] 꿀팁

• 10.49분 Chapter 7

  책갈피 : [00:05] 스타일 생성/[00:21] body에 div 생성/[00:33] 꿀팁/[00:34] Array 생성/[01:01] 꿀팁/[01:31] 꿀팁/[02:17] 꿀팁/[02:39] 꿀팁/[03:06] 꿀팁/[03:07] For문 작성/[04:08] 꿀팁/[04:09] 길이값 정의/[04:24] 꿀팁/[04:42] 초기화 하는 이유/[05:14] 부메뉴 내용 생성/[05:52] 꿀팁/[06:23] menu_sub[0] 꿀팁/[07:28] 꿀팁/[08:02] br태그 이동/[08:24] 꿀팁/[08:58] 꿀팁/[09:29] menu_main_draw/[09:31] 꿀팁/[09:45] menu_t 변수 생성/[10:48] 꿀팁/[10:50] For문 작성/[11:16] 꿀팁/[11:36] 꿀팁/[11:38] If문 작성/[11:49] 꿀팁/[12:07] 꿀팁/[12:31] 꿀팁/[13:01] 색상 삽입/[13:26] 꿀팁/[14:04] 꿀팁/[15:03] 연결 연산자/[15:09] 꿀팁/[15:31] 꿀팁/[15:50] onMouseOver/[15:54] 꿀팁/[16:30] 꿀팁/[16:45] i값 정의/[16:46] 꿀팁/[17:01] 꿀팁/[17:18] 꿀팁/[17:44] 꿀팁/[17:58] 꿀팁/[18:28] If문 과정/[19:30] 꿀팁/[19:40] sel_menu_pos/[20:42] menu_main/[20:58] 꿀팁/[21:22] onload 정의/[21:23] 꿀팁/[22:23] 마무리 태그 생성/[22:42] 꿀팁/[23:04] getElementById/[23:13] 꿀팁/[23:26] move_color/[23:38] 꿀팁/[24:08] 결과 확인/[24:53] 꿀팁/[25:57] 꿀팁/[26:24] 꿀팁/[26:36] menu_sub 가져오기/[26:49] 꿀팁/[26:52] 결과 확인/[27:15] 주석 처리/[27:24] 풍선 이미지 만들기/[27:36] 꿀팁/[27:43] floatm 함수 작성/[27:51] yMenufrom 변수/[27:57] 꿀팁/[27:59] parseInt 입력/[28:17] 꿀팁/[28:29] 꿀팁/[28:54] yMenuTo 변수 생성/[29:48] Netscape, IE 분리/[30:00] If문 작성/[30:01] 꿀팁/[30:41] 꿀팁/[31:13] 선택 연산자/[31:52] pageYOffset/[31:57] 꿀팁/[32:19] body.scrollTop/[32:31] 꿀팁/[33:22] If문 주석 처리/[33:38] 꿀팁/[33:59] 꿀팁/[34:15] 꿀팁/[34:21] 꿀팁/[34:50] 꿀팁/[35:45] 애니메이션/[35:49] 꿀팁/[35:52] If문 작성/[36:07] 꿀팁/[36:21] yOffset 정의/[36:48] 꿀팁/[37:45] Math/[37:47] 꿀팁/[38:01] 꿀팁/[38:41] slow motion 효과/[39:05] setp_s 변수 생성/[39:55] 꿀팁/[39:59] Math.ceil/[40:18] 꿀팁/[41:09] 꿀팁/[41:16] yOffset = -yOffset/[42:14] floatMenu.style/[42:18] 꿀팁/[42:27] 꿀팁/[42:45] parseInt 입력/[43:51] setTimeout/[44:00] 꿀팁/[45:00] body onload/[45:02] 꿀팁/[45:23] 꿀팁/[45:45] IE, Chrome/[46:07] 꿀팁/[46:39] 꿀팁/[46:43] interval 조정/[47:06] 결과 확인/[47:55] 꿀팁/[48:02] 초 단위 설정

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

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

  책갈피 : [00:13] 주요 용어(객체, 기본 data type, 함수, 일급 객체)/[02:17] 주요 용어(프로토타입, 실행컨텍스트, 클로저, 객체지향, 함수형 프로그램)/[04:39] 객체 예제/[06:43] 함수 예제/[09:56] data type - 기본타입/[12:58] 전역변수/[13:44] 빈 값의 typeof/[16:03] null 값의 typeof/[18:32] undefined 할당/[21:19] delete/[22:36] data type - 참조타입/[23:23] 객체 생성 방법/[23:50] Object()로 객체 생성/[25:19] 표현식으로 객체 생성/[26:43] 생성자함수로 객체 생성/[29:47] new 이용 객체 생성/[30:38] 객체 프로퍼티의 활용/[33:40] [] 사용 시 주의사항/[36:06] . 사용 불가의 경우/[37:51] for in/[39:08] 프로퍼티 삭제(delete)

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

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

  책갈피 : [00:00] 참조타입/[02:43] 참조타입의 typeof 확인/[05:50] 기본타입의 비교/[06:57] 객체타입의 비교/[09:25] 객체타입에 기본타입 대입/[10:38] 함수 호출(call by reference, call by value)/[11:41] 함수 호출 예제/[14:01] test 함수 호출/[17:02] 프로토타입/[20:48] 프로토타입의 표현/[23:16] 프로토타입 비교/[24:45] 프로토 값을 동적으로 바꾸기/[27:12] 배열/[30:30] 배열의 index에 의한 length/[33:08] 빈 배열에 값 할당/[33:54] length를 동적으로 조정/[35:27] push/[37:36] 배열과 객체의 비교/[40:46] reverse/[41:46] 객체로서의 배열/[43:39] length 변경 시 프로퍼티가 받는 영향

• 13.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] !! 연산자

• 14.43분 함수 (1)

  함수에 대해 알아봅니다.

  책갈피 : [00:00] 함수/[01:29] 선언방식(statement)으로 함수 생성/[02:14] 표현식 방식(expression)으로 함수 생성/[03:52] 기명함수/[05:19] 생성자 함수로 함수 생성/[06:34] 함수의 이름/[08:05] 기명함수의 쓰임/[10:33] 즉시실행함수/[12:47] 함수선언의 끝표시(;) 안했을 때 에러/[15:06] hoisting/[18:30] 함수 hoisting/[20:09] 객체로서의 함수/[22:07] javascript 함수의 특징/[23:17] javascript 함수의 특징 예제/[26:41] 함수 객체의 기본 프로퍼티/[29:28] prototype/[30:55] 콜백함수/[33:11] 내부함수/[36:23] 내부함수 실행결과/[37:02] context, window/[40:15] 변수와 프로퍼티의 비교

• 15.37분 함수 (2)

  함수에 대해 알아봅니다.

  책갈피 : [00:00] 함수 내부 접근법/[02:22] 함수를 return하는 함수/[03:37] javascript 함수의 인자/[05:48] argument 객체/[08:37] this binding/[10:27] this의 log 보기/[13:19] window가 this임을 확인/[14:14] this binding 예제/[16:05] function 안에 function/[18:13] this binding 예제 결과확인/[20:07] 생성자 함수/[22:44] 생성자 함수와 this binding/[25:19] 리터럴 객체와 생성자함수 객체의 차이/[26:53] 일반함수 호출/[29:16] call과 apply를 통한 binding/[31:47] 배열의 method 확인/[33:27] return/[35:52] 객체 return

• 16.38분 함수 (3)

  함수에 대해 알아봅니다.

  책갈피 : [00:00] prototype property와 __proto__의 비교/[02:42] 선언문으로 생성한 함수의 dir/[03:51] prototype property/[04:49] Function()으로 생성된 함수의 dir/[07:26] 생성자 함수 만들기/[09:56] 배열의 비교/[10:57] 프로토타입 chaining/[11:29] 리터럴 객체의 chaining/[13:30] 생성자함수의 chaining/[16:45] Number, String, Boolean의 프로토타입/[18:53] 프로토타입의 동적 method 추가/[21:31] 프로토타입의 method와 this binding/[24:35] 호출자가 this로 바인딩/[26:48] 프로토타입 변경/[28:34] 프로토타입 변경 후의 참조/[31:10] prototype chaining 발생 시점/[34:35] 동적할당/[35:58] method의 chaining과 동적 할당

• 17.44분 실행 context

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

  책갈피 : [00:08] context/[01:44] window/[04:34] context stack 살펴보기/[06:47] function context/[08:16] context 생성 절차/[09:43] 절차 확인/[12:44] 결과 확인/[13:39] suminout_context 과정/[15:44] scope chain/[16:53] if {}/[17:20] function/[20:43] scope chain 과정/[22:56] scop chain 3 step 예제/[25:18] 예제 실행 결과 확인/[27:23] scop chain 3 step 흐름/[29:47] scop chain 예제/[32:01] scop chain 결과 예측/[35:18] this/[36:04] with/[39:58] hoisting/[42:27] hoisting 예제 과정

• 18.40분 클로저

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

  책갈피 : [00:00] 클로저/[03:44] 클로저의 정의/[04:48] 클로저의 일반형식/[05:52] 클로저 예제/[07:47] 자유변수의 활용과 은닉/[10:39] 함수에 사용자정의 method 연결/[13:37] 그리기 함수 실행결과/[14:07] 클로저를 이용한 함수 변경/[17:39] newdraw 함수 생성/[18:59] 변경한 함수 사용/[21:38] 실행결과확인/[22:33] 함수의 캡슐화/[24:59] 즉시실행 익명함수 생성/[27:01] setTimeout()에 함수 전달/[29:55] 3초 후 함수 실행/[32:21] 클로저 사용 시 주의사항/[33:58] 여러 클로저 함수가 같은 자유변수를 공유/[36:10] loop 속의 클로저/[38:05] i를 인자로 즉시 실행

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

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

  책갈피 : [00:00] 객체지향 프로그래밍/[00:28] 클래스기반/[00:56] 프로토타입기반/[01:37] 생성자 함수/[03:27] 프로토타입을 이용한 생성자 함수 생성/[07:03] 상속/[08:58] 자식 생성/[11:37] object의 상속/[14:05] overwrite/[15:48] 상속 받은 후 method 추가/[18:58] 상속+addon/[21:08] __proto__/[23:53] call/[26:21] extend/[28:34] addon/[30:11] 클라스 기반 상속/[31:43] apply/[34:09] constructor 변경/[37:58] 참조 최적화 상속 코드/[40:32] 최적화 코드를 사용하는 이유/[41:36] instance 캡슐화/[44:02] 클로저와 자유변수를 이용한 캡슐화/[46:40] 배열형 자유변수 사용 시 주의사항/[49:10] slice/[51:55] 응용예제(생성자함수 생성함수)1/[54:17] 생성자함수 생성/[56:38] window/[59:37] constructor/[1:01:11] hasOwnProperty/[1:04:27] prototy/[1:06:28] peconstructor가 있을 경우 생성자함수 생성함수/[1:09:01] 2차 상속/[1:12:03] 2차 상속 코드 사용/[1:14:52] 응용예제2 실행결과/[1:17:49] 클로저를 이용한 생성자함수 생성함수/[1:20:08] 캡슐화 이용 객체 활용

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

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

  책갈피 : [00:00] dry code, side effect/[02:18] pure function/[04:21] high-order function/[07:32] dry code 예제/[09:53] action이 다를 경우/[11:47] function을 인자로 활용/[13:25] array, list에서의 활용 예제/[15:53] 배열과 함수를 인자로한 high-order function/[18:18] array의 forEach/[19:32] map/[22:03] high-order function을 이용한 map/[24:14] array의 map/[25:19] reduce/[27:01] 공통부분 함수화/[28:51] high-order function으로 reduce 구상/[31:09] array의 reduce/[31:52] templete/[34:09] joinWord, map, reduce를 활용한 예제/[37:01] map 활용/[40:17] reduce 활용/[42:04] 팩토리얼 예제(전통방식)/[44:13] cache를 이용한 팩토리얼 예제/[47:30] memoization/[48:54] cache용 프로퍼티를 함수에 지정/[51:33] 피보나치 수열/[53:50] memoization을 활용한 피보나치 수열/[56:39] currying/[59:25] curry함수 생성/[01:01:15] func.apply/[01:03:26] 고정 인자+새 인자/[01:06:29] 2개의 고정 인자/[01:09:38] bind/[01:11:23] bind 사용 예제/[01:13:21] bind 함수 사용/[01:15:36] wrapper/[01:18:15] Function.prototype에 함수 생성/[01:19:43] 함수 교체