데브렉 - Developer Lecture

1

01_01_자바스크립트 시작하기 29:13 泥⑤??뚯씪?ㅼ슫

2

01_02_JavaScriptHelloWorld_JavaScript Hello World 예제 만들기 및 기본 사용 환경 및 에디터 소개 21:09

3

01_03_(참고) JavaScript 학습을 위한 도구 설명 - Visual Studio 권장 04:23

4

01_04_자바스크립트 개발을 메모장과 Visual Studio를 사용하여 개발하기 35:39

5

01_05_JavaScript_JavaScriptPrint_자바스크립트 기본 출력문을 통한 출력 결과값 보기 07:01

6

01_06_(참고) 웹 브라우저의 요소 검사 기능을 사용해서 원본 소스 변경없이 웹 페이지 모양 변경하기 06:20

7

01_07_(참고) JavaScript_자바스크립트 콘솔 창을 사용해서 웹 페이지에서 직접 JavaScript 코드를 만들고 테스트하기 08:06

8

01_08_JavaScript 학습시 예제에 대한 결과를 출력할 대화 상자(System Dialogs) 3가지 살펴보기(alert, confirm, prompt) 07:47

9

01_10_WhiteSpace_프로그래밍 언어에서 공백(Whitespace) 05:44

10

02_00_01_JavaScript_변수_프로그램에서 사용할 데이터를 저장해 놓는 그릇 07:30

11

02_00_02_LocalVariable_변수(지역 변수와 전역 변수) 05:51

12

02_00_03_VariableComma_콤마를 사용하여 변수 여러 개 만들기 03:55

13

02_00_04_VariableInitialize_변수 선언과 동시에 초기화 04:07

14

02_00_05_JavaScript_VariableSameValue_여러 개의 변수를 같은 값으로 초기화 03:55

15

02_00_06_JavaScript_VariablePractice_여러 개의 변수를 선언과 동시에 초기화 03:37

16

02_01_JavaScriptVariable_변수(Variable) 소개 및 사용하기 13:20

17

02_02_(참고) JavaScriptReview_DataType_자바스크립트의 데이터 형식 15:03

18

02_03_JavaScript_진법변환_toString과 parseInt로 10진수를 2진수로 2진수를 10진수로 변환하기 06:47

19

02_04_(참고)_JavaScriptDynamicType_자바스크립트의 동적으로 변수를 선언하는 방법 예시 08:33

20

02_09_JavaScript_ConstantDemo_상수_변하지 않는 변수, 읽기 전용 변수 04:20

21

02_10_JavaScript_Constant_상수_변하지 않는 변수, 읽기 전용 변수 06:00

22

03_01_JavaScript_UnaryOperator_단항 연산자 04:10

23

03_02_JavaScript_ArithmeticOperator_산술연산자 05:52

24

03_03_JavaScript_AssignmentOperator_할당(대입)연산자 06:59

25

03_04_JavaScriptEqualityOperators_자바스크립트의 비교(관계) 연산자 설명 10:32

26

03_05_JavaScript_LogicalOperator_논리연산자(Logical Operator) 11:09

27

03_06_JavaScript_IncrementDecrementOperator_증감연산자 13:10

28

03_07_JavaScript_BitwiseOperator_비트 연산자 09:10

29

03_08_연산자_트리플 이퀄 연산자 설명 08:17

30

03_09_typeof 연산자를 사용하여 특정 변수 또는 값에 대한 자바스크립트 데이터 형식(Type) 알아내기 04:58

31

03_10_연산자_조건(3항) 연산자 05:48

32

03_11_(참고)(구강좌)_연산자 우선순위 08:09

33

03_20_OperatorPrecedence_자바스크립트에서 연산자 우선 순위 07:01

34

04_01_JavaScript_Statement_IfDemo_JavaScript의 if문 사용법 설명 10:57

35

04_02_JavaScript_Statement_SwitchDemo_JavaScript의 switch문 사용법 설명 08:52

36

04_03_JavaScript_ForDemo_for문을 사용하여 반복 구문 처리하기 11:53

37

04_04_JavaScript_Statement_WhileDemo_while문 05:49

38

04_05_JavaScript_Statement_DoWhileDemo_do while문 08:27

39

04_06_JavaScript_Statement_BreakDemo_break 문_for, while, do 구문을 빠져나가는 역할 05:57

40

04_07_JavaScript_Statement_ContinueDemo_continue문 05:43

41

04_08_(참고)(구강좌)_for문_간단한구구단 09:40

42

04_09_(참고)(구강좌)_for문_구구단확장 14:25

43

04_20_JavaScript_두 수의 차이를 양의 정수로 구하기 05:32

44

04_30_JavaScript_정수를 양의 정수, 0, 음의 정수로 판단하기(else if) 04:16

45

05_01_Array_배열을 사용하여 여러 개의 데이터를 하나의 이름으로 보관하기 08:00

46

05_02_(구강좌)(참고)_배열을 사용한 간단한 성적처리 12:11

47

05_03_(구강좌)(참고)_배열 사용으로 최댓값 최솟값 알고리즘 풀이 12:51

48

05_04_(구강좌)(참고)_배열_정렬 알고리즘 표현하기 08:16

49

05_05_컬렉션 반복_for~in구문 10:14

50

05_06_배열의 인덱스 관련 3가지 특징 설명 15:05

51

05_99_(구강좌)(참고)_F12 Developer Tools Console_IE 개발자 도구로 자바스크립트 코드 실행법 설명 11:22

52

06_01_JavaScriptFunction_자바스크립트 함수 선언 및 호출 06:05

53

06_02_JavaScriptFunctionStyle_자바스크립트의 함수의 3가지 스타일 정리 11:54

54

06_03_JavaScript_FunctionScope_Function Scope_함수(메서드) 범위, 전역 변수와 지역 변수 07:36

55

06_04_무명함수(AnonymousFunction)_FunctionDemo 08:53

56

06_05_Hoisting_끌어 올리기(Hoisting)_함수는 끌어올리기(Hoisting)에 의해서 뒤에 선언해도 호출 가능함 11:02

57

06_06_함수의 매개변수 처리 방식(FunctionParameter_AnonymousFunction) 17:38

58

06_07_재귀(Recursion) 10:17

59

06_10_JavaScript_FunctionReturnValue_반환값이 있는 함수 04:55

60

60_02_MomentDemo_momentjs 자바스크립트 라이브러리 소개 및 사용 데모 15:21

61

06_99_JavaScriptReview_Function_자바스크립트의 함수 09:00

62

07_00_JSON(JavaScript Object Notation) 18:24

63

07_01_JavaScript_JavaScriptObjectLiteral_자바스크립트 개체 리터럴 10:11

64

07_02_JavaScript_JavaScriptObjectLiteral_개체 리터럴 표기법으로 05:28

65

07_03_JavaScriptObjectLiteral_JSON_자바스크립트 개체 리터럴(JSON)의 여러가지 사용 방법 설명 09:00

66

07_04_JavaScriptForIn_for in 구문을 사용하여 배열, 컬렉션, 개체를 반복해서 출력하기 08:12

67

07_05_JavaScript_JSON_stringify_JavaScript 값을 JSON(JavaScript Object Notation) 문자열로 변환 05:57

68

07_06_ForInObject_for in 구문으로 개체 리터럴의 멤버와 값을 반복해서 출력하기 04:00

69

07_07_널과 언디파인드(NullAndUndefined) 10:37

70

08_01_예외처리(Exception Handling) 17:17

71

09_00_문자열(String) 개체의 주요 멤버 설명(StringDemo) 25:10

72

09_01_JavaScriptStringReplace_문자열 관련 함수 중 replace 함수 08:26

73

09_02_JavaScript_String_localeCompare_정렬 정보 확인을 위한 문자열 비교 함수 07:10

74

09_03_JavaScript_String_Split_split 함수 사용법_구분자를 사용해서 문자열 분리해서 배열에 저장 07:46

75

09_04_JavaScript_typeof_StringOrArray_문자열과 문자열 배열 비교 06:13

76

10_00_배열 개체의 주요 멤버 설명(ArrayMember) 18:30

77

10_01_JavaScript_Array_indexOf_자바스크립트 배열 관련된 속성과 메서드 사용 연습_indexOf 메서드 10:11

78

10_02_JavaScript_Array_Methods_배열 관련 주요 메서드 5개 설명(join, sort, reverse, concat, slice) 10:36

79

10_03_JavaScript_Array_Slice_slice 함수 설명_배열의 일부를 빼서 다른 배열로 추출 08:41

80

10_04_(데모)_배열의 특정 요소를 undefined로 설정하기 위해서 삭제 연산자 사용하기 06:29

81

10_05_JavaScript_Array_join_문자열 배열을 join 함수를 사용하여 묶어서 출력하기 05:33

82

10_06_ArrayClone_배열 복사 기능 구현하기(ArrayClone 함수 만들기)_slice()와 reverse()도 함께 사용 11:53

83

10_07_JavaScript_Array_Push_Shift_UnShift_배열(컬렉션, 리스트)의 기본적인 사용법을 웹브라우저 콘솔창을 사용해서 설명 07:31

84

11_01_수학 관련 함수(MathDemo) 14:47

85

11_02_JavaScript_Math_Random_Math.random() 함수로 랜덤값 출력, Math.floor(), Math.ceil() 15:06

86

11_03_Math 개체의 sqrt 함수를 사용하여 지정된 숫자에 해당하는 제곱근 구하기 06:05

87

12_01_JavaScriptDateObject_JavaScript Date 개체를 사용하여 날짜 형식의 데이터 다루기 14:23

88

12_02_Date().getTime()를 사용한 코드 실행시간 구하기 07:31

89

13_00_JavaScript에서의 개체 지향 프로그래밍 시작 설명 13:37

90

13_01_JavaScript_Object_Object를 사용하여 개체 생성 및 속성 및 함수를 묶어서 관리 06:12

91

13_02_ObjectJson_Object를 JSON을 사용하여 개체 생성 및 속성 및 함수를 묶어서 관리 08:09

92

13_03_객체 생성 문법 3가지 정리(ObjectSyntax) 22:17

93

13_04_객체(ObjectDemo) 25:37

94

13_05_클래스 표현(Class) 17:27

95

13_06_프로토타입 객체(Prototype) 25:25

96

14_01_전역 변수(GlobalVariable)_window 개체 10:45

97

14_02_JavaScriptReview_Scope_자바스크립트의 변수의 범위 12:56

98

14_03_함수고급_CallByReference_함수 매개변수에 개체형 전달 14:20

99

14_04_함수사용에서 this 키워드와 call 함수 설명)(FunctionCall) 13:37

100

14_05_FunctionIsFirstClass_함수는_자바스크립트에서_가장_중요한_부분 29:30

101

14_06_클로저(Closure) 13:12

102

14_07_클로저 사용 예제(ClosureDemo) 08:20

103

14_08_JavaScript_FunctionParameterFunction_함수의 매개변수로 함수 자체를 전달하는 함수 생성 08:36

104

14_09_JavaScript_FunctionParameter_ObjectLiteral_함수의 매개변수를 개체리터럴을 사용하여 전달 10:40

105

14_10_Arguments개체(Arguments) 10:52

106

15_01_JavaScript_ImmediatelyInvokedFunctionExpression_IIFE 자바스크립트 패턴 09:51

107

15_02_JavaScript_Pattern_RevealingModulePattern_리빌링 모듈 패턴으로 코드 모듈화 14:46

108

16_01_JavaScriptReview_Closure_클로저로 함수 외부에서 선언된 변수를 함수에서 사용하기 05:20

109

16_02_JavaScriptReview_Module_함수와 클로저 개념으로 자바스크립트 코드 모듈(캡슐)화 10:00

110

16_03_JavaScriptReview_Pattern_자바스크립트 코드 패턴화(나만의 객체 만들기) 18:36

111

16_04_JavaScriptReview_Comparison_자바스크립트에서의 데이터 비교 방법 추천 13:26

112

17_01_정규식(Regular Expression) 29:00

113

17_02_정규표현식 테스트(test() 함수 사용) 09:05

114

18_01_WindowObject_BOM(Browser Object Model) 소개_window 개체 주요 속성 및 메서드 06:35

115

18_02_SetTimeout_JavaScript의 타이머_setTimeout(), clearTimeout(), setInterval(), clearInterval() 11:57

116

18_03_LocationObject_JavaScript의 location 개체의 주요 속성 또는 메서드 04:22

117

18_04_DocumentObject_JavaScript의 document 개체의 주요 속성 또는 메서드 14:14

118

18_05_document 개체의 querySelector 함수를 사용하여 특정 태그, id, class에 해당하는 노드 가져오기 09:32

119

19_01_DocumentCreateElement_DOM을 사용하여 새로운 요소 생성 document.createElement() 09:12

120

19_02_DOM_innerHTML_특정 태그에 HTML 추가 또는 읽기 06:34

121

19_03_DOM_AddEventListener_addEventListerner 메서드 10:48

122

19_10_getElementsByName 함수를 사용하여 name 속성으로 여러 값 읽어오기 09:00

123

19_04_DOM_getElementByTagName_지정한 태그에 해당하는 집합을 JavaScript 배열로 가져오는 명령어 설명 11:26

124

19_05_JavaScriptOffset_offsetLeft, offsetTop, offsetParent를 사용하여 특정 DOM 개체의 x, y 좌표값 구하기 17:41

125

20_02_JavaScript_SelectOptionChange_onchange 이벤트 처리기 사용하기 10:45

126

20_03_JavaScriptFormInputCheckWithChangeEvent_change 이벤트 08:30

127

20_04_JavaScript_Button_Click_Event_onclick_innerHTML_버튼 클릭 이벤트 잡기 07:13

128

20_05_JavaScriptTextBoxEnterKey_텍스트상자의 엔터키 이벤트 잡기 09:01

129

20_06_Page_Load_window_onload_페이지 로드 이벤트 처리하기 12:27

130

21_01_FrmRangeValidator_범위 확인 유효성 검사 07:53

131

21_02_FrmRequiredFieldValidator_폼 유효성 검사 - 입력 확인 06:46

132

21_03_FrmCompareValidator_비교 확인 유효성 검사 06:47

133

21_04_FrmCustomValidator_사용자 정의 유효성 검사 07:16

134

22_01_쿠키 저장 및 읽어오기(Cookie) 16:30

135

22_02_쿠키 여러개 저장 및 읽어오기(Cookie_2) 16:47

136

22_03_쿠키 저장 및 읽기 함수를 정형화시키기(Cookie_3) 13:08

137

22_04_쿠키 삭제 로직 구현(Cookie_4) 11:37

138

50_01_(예제) JavaScript 성적 처리 19:25

139

50_02_(예제) JavaScript_Simple_MultiplicationTable_간단 구구단_드롭다운리스트를 사용 13:26

140

50_03_(예제) 마우스 롤오버 기능 구현하기 1 07:51

141

50_04_(예제) 마우스 롤오버 기능 구현하기 2(Rollover2) 21:45

142

50_05_(예제) ShideShowBasic_초간단 슬라이드 쇼 만들기 12:54

143

50_06_(예제) 랜덤 이미지 표시(RandomImage) 10:47

144

50_07_(예제) 드롭다운 메뉴 만들기(DropDownMenu) 12:25

145

50_09_체크박스_선택확인 06:45

146

50_10_체크박스_전체선택_전체해제 09:16

147

50_11_여러 개의 텍스트박스의 합계 구하기 17:32

148

50_12_체크박스 선택시 히든필드(텍스트박스)의 값 변경하기 04:02

149

60_01_주요 JavaScript 프레임워크 소개(앞으로 배워야 할) 04:32

150

99_01_부록_Node_01_처음 시작하는 Node.js - Node.js 다운로드 및 설치 그리고 HelloWorld 예제 만들고 실행하기 08:55

151

99_02_부록_Node_02_Node.js를 사용하여 초간단 HTTP 서버 구현하기 10:58

152

06_11_JavaScript_GetSumTwoNumber_두 수의 합을 구하는 함수 04:12