220 lines (184 loc) · 19.3 KB

강의

Number type

String type

1대1 수업영상: 1코스 3강 String type
[Javascript] 03. 대소문자 변경 (대문자를 소문자로, 소문자를 대문자로)
[Javascript] 04. 문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법
[Javascript] 05. 문자열 길이 체크하기
[Javascript] 06. 문자열 공백 제거하기
[Javascript] 07. 숫자를 문자로 변환하는 4가지 방법
[Javascript] 08. 문자열에서 첫번째, 마지막 문자 가져오는 4가지 방법
[Javascript] 09. substr(), substring(), slice() 비교
[Javascript] 10. 문자열에서 특정 문자열 치환하기 (replace)
[Javascript] 11. replace() 함수 사용하여 대소문자 구분 없이 치환하기
[Javascript] 12. 모든 문자열 치환하기 (replace, replaceAll)
[Javascript] 13. 문자열을 배열로 변환 (split 함수)
[Javascript] 14. 특정 위치 문자 찾기 2가지 방법 (charAt 함수, 대괄호)
[Javascript] 15. 특정 문자 위치 찾기 (indexOf 함수)
[Javascript] 16. 문자열 합치기 (3가지 방법)
[Javascript] 17. 문자열의 첫글자만 대문자로 변환하기
[Javascript] 18. 문자열의 첫글자 삭제하기
[Javascript] 19. 문자열 뒤에서 자르기
[Javascript] 20. 문자열이 숫자인지 체크하기, isNaN() 함수
[Javascript] 21. 문자열 숫자로 변환하기 (1) - parseInt()
[Javascript] 22. 문자열 숫자로 변환하기 (2) - parseFloat()
[Javascript] 23. 문자열 숫자로 변환하기 (3) - +, * 연산자 사용
[Javascript] 24. 문자열 거꾸로 뒤집기
[Javascript] 25. 문자열 줄바꿈하는 2가지 방법 (여러줄 표현하기)
[Javascript] 26. 숫자 콤마 제거 하는 2가지 방법
[Javascript] 27. 문자열에서 마지막 콤마 제거하기

Type체크

Boolean Type

1대1 수업영상: 1코스 4강 Boolen Type
[Javascript] 31. '==' 연산자와 '===' 연산자의 차이점
[Javascript] 32. '=='와 '==='의 차이 (null, undefined)
[Javascript] 33. 문자열 비교하기 (동등 비교, 대소 비교)
[Javascript] 34. 반복문(1) - for
[Javascript] 35. for문을 이용해서 별찍기
[Javascript] 36. for문 이용해서 구구단 출력
[Javascript] 37. 반복문(3) - do..while
[Javascript] 38. 객체의 모든 key, value 값 가져오기 (for in 루프)
[Javascript] 39. 반복문(4) - 배열 반복문 for...of (ES6)
[Javascript] 40. 1부터 100까지의 합 계산하기

Array(배열)

1대1 수업영상: 1코스 5강 Array type - 영상없음, 음성만 있음
[Javascript] 41. 배열 선언하는 2가지 방법
[Javascript] 42. 배열 길이 체크, 설정하기 (length)
[Javascript] 43. 배열 앞, 뒤에 값 추가, 삭제하기 (1)
[Javascript] 44. 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수
[Javascript] 45. 배열 합치기 3가지 방법
[Javascript] 46. 배열 자르기 - slice()
[Javascript] 47. 배열 같은 값으로 채우기
[Javascript] 48. 배열 특정 값 위치(index) 찾기 - indexOf(), lastIndexOf()
[Javascript] 49. 배열 특정 값 위치(index) 찾기 - findIndex()
[Javascript] 50. 배열에 특정 값이 포함되어 있는지 여부 체크하기
[Javascript] 51. 배열의 특정 값 찾기 - find(), filter()
[Javascript] 52. 배열에서 특정 값 개수 구하기
[Javascript] 53. 배열에서 특정 값 삭제하기
[Javascript] 54. 배열 map() 함수로 변경된 새로운 배열 생성하기
[Javascript] 55. 배열의 합계, 평균 계산하기 - reduce(), reduceRight()
[Javascript] 56. forEach에서 continue 구현하기
[Javascript] 57. 배열 정렬하기 (오름차순, 내림차순, 문자열, 객체)
[Javascript] 58. 배열 값 중복 체크하는 3가지 방법
[Javascript] 59. 배열 초기화(빈 배열로)하는 4가지 방법
[Javascript] 60. 배열 중복 제거하는 3가지 방법
[Javascript] 61. 배열 중복 값 개수 구하기
[Javascript] 62. 배열에서 빈값 제거하기
[Javascript] 63. 빈 배열 체크하기
[Javascript] 64. 배열을 문자열로 변환하기
[Javascript] 65. 배열 거꾸로 뒤집는 3가지 방법
[Javascript] 66. 배열에서 최대값, 최소값 구하기
[Javascript] 67. 배열 첫번째 값, 마지막 값 가져오기

Function(함수)

1대1 수업영상: 1코스 6강 function type
[Javascript/ES6] 68. 함수 파라미터(매개변수) 기본값 설정하기 *함수

Object(객체)

1대1 수업영상: 1코스 7강 object type
[Javascript] 69.객체 속성 읽기, 추가, 변경, 삭제
[Javascript] 71.객체에 특정 속성이 존재하는지 체크하는 3가지 방법
[Javascript] 72. Set 객체를 배열(Array)로 변환하는 3가지 방법
[Javascript] 73. 객체(Object) 속성(property) 개수 구하기
[Javascript] 74. 객체를 JSON으로 변환하기
[Javascript] 75. JSON 문자열을 객체로 변경하기
[Javascript] 76. 빈 객체 체크하는 3가지 방법
[Javascript] 77. 객체 합치는 4가지 방법 (merge)

Date객체

[Javascript] 78. 현재 날짜, 시간 구하기
[Javascript] 79. Date 객체로 원하는 날짜, 시간 표현하기
[Javascript] 80. 날짜 계산하기 (년/월/일 더하기, 빼기)
[Javascript] 81. 월의 마지막 날짜 계산하기
[Javascript] 82. 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기
[Javascript] 83. 시간 계산하기 (시/분/초/ 더하기, 빼기)
[Javascript] 84. 경과 시간 계산하기 (시간, 분, 초)
[Javascript] 85. 문자열 날짜(Date) 변환하기
[Javascript] 86. 두 날짜 사이 일수 계산하기 (경과 일수)
[Javascript] 87. 함수 실행 시간 측정하기
[Javascript] 88. 현재 시간을 항상 한국 날짜/시간으로 표시하기 (UTC to KST)
[Javascript] 89. 세는 나이, 만나이 계산하기

BOM

1대1 수업영상: 1코스 8강 BOM
[Javascript] 91. 절대값 구하기
[Javascript] 92. 난수 생성하기 (랜덤 숫자, Random Number)
[Javascript] 93. 현재 페이지 URL 가져오기
[Javascript] 94. URL 파라미터 값 가져오기 (쿼리스트링 값)
[Javascript] 95. 알림창 종류 (alert, confirm, prompt)
[Javascript] 96. 경고창(alert)에서 텍스트 줄바꿈 하기

DOM

1대1 수업영상 : 1코스 9강 DOM
[Javascript] 97. class 추가/변경/삭제/읽기 (className, classList)
[Javascript] 98. innerText와 innerHTML의 차이점
[Javascript] 99. innerHTML, innerText, textContent 차이점
[Javascript] 100.div 안의 내용 가져오기, 추가, 변경, 삭제 (text, html)
[Javascript] 101. div 생성, 삭제, 숨기기
[Javascript] 102. 선택자, DOM 특정 요소(element) 찾기

Event

[Javascript] 103. 마우스 이벤트(event) 종류
[Javascript] 104. 키보드 이벤트(keyboard event) 종류
[Javascript] 105. 이벤트 추가, 제거하기
[Javascript] 106. 마우스 클릭 좌표 (screenX, clientX, pageX, offsetX)
[Javascript] 107. 마우스 오른쪽 클릭 금지하는 2가지 방법
[Javascript] 108. 이벤트 한번만 실행되도록 하기

Button

[Javascript] 109. 버튼 이름 변경하기 (버튼 클릭)
[Javascript] 110. 버튼 클릭시 숫자 증가/감소 시키기
[Javascript] 111. 버튼 활성화/비활성화 하기 (fieldset 포함)
[Javascript] 112. 버튼 클릭 시 페이지 이동하기, 새창에서 열기
[Javascript] 113. 버튼에 강제 클릭 발생 시키기
[Javascript] 114. l, ol에 li 동적으로 추가, 삭제 하기

Input

[HTML] 태그로 사용자 입력 받기
[HTML] <input type="text" /> 태그로 패스워드(비밀번호) 입력란 만들기`
[HTML] 입력받은 데이터 서버로 전송하기 - submit
[HTML] <input type="text" /> 태그로 버튼(button) 생성하기
[HTML] <input type="text" /> 태그로 체크박스(checkbox) 만들기
[HTML] <input type="text" /> 태그로 라디오버튼(radio) 만들기
[HTML] 입력 데이터 초기화를 위한 리셋 버튼(reset) 만들기
[HTML] 날짜, 시간, 년도 입력받기
[HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기
[HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기
[HTML] 사용자로부터 색깔 입력받기
[HTML] input type='file' 속성 알아보기 ( 파일 입력 )
[Javascript] 115. 로컬 텍스트 파일 읽기 (다중 파일 선택)
[Javascript] 116. 디렉토리 선택하여 파일 리스트 가져오기 (이름, 상대경로)
[Javascript] 117. input 입력값 가져와서 출력하기
[Javascript] 118. input 박스에 숫자만 입력되도록 설정하는 4가지 방법
[Javascript] 119. Caps Lock 키 활성화 여부 체크하기
[Javascript] 120. 라디오 버튼(radio) 값 가져와서 출력하기
[Javascript] 121. 라디오 버튼의 텍스트 클릭하여 항목 선택하기
[Javascript] 122. 라디오 버튼 클릭하여, 텍스트 값 출력하기
[Javascript] 123. 체크박스(checkbox)에 선택 된 값 출력하기
[Javascript] 124. 체크박스에 체크된 항목 개수 구하기
[Javascript] 125. 체크박스 전체 선택 / 전체 해제 구현하기
[Javascript] 126. 체크박스 중, 하나라도 선택해제 될 경우 전체 선택 해제 하는 2가지 방법
[Javascript] 127. 체크박스 하나만 선택되도록 하기
[Javascript] 128. input 에서 입력 글자수 제한하는 2가지 방법
[Javascript] 129. input 박스에 영어만 입력되도록 하는 2가지 방법
[Javascript] 130. 콤보박스(select)에서 선택한 값, 텍스트 출력하기
[Javascript] 131. 사용자 입력을 도와주는 datalist 알아보기
[Javascript] 132. 숫자 3자리(천단위) 마다 콤마 찍는 2가지 방법

Table

[HTML] 기본 테이블(표, Table) 그리기 (table, tr, td, th)
[HTML] 테이블 제목 지정하기, caption tag
[HTML] 테이블(table) 가로, 세로 셀 병합하기 (colspan, rowspan)
[Javascript] 133. 테이블에 행 추가, 삭제하기 (버튼 클릭)
[Javascript] 134. 테이블 합계 계산하기
[Javascript] 135. 반복문을 이용하여 테이블 동적 생성하기
[Javascript] 136. 테이블 행 개수 구하기
[Javascript] 137. 테이블에 열(column) 추가, 삭제하기
[Javascript] 138. 테이블 행 숨기기/보이기 (display)

1대1 수업영상:

ProtoType

ProtoType 정리
[함수형프로그래밍 & 객체지향 프로그래밍 ] (https://mangsby.com/blog/programming/fp-vs-oop/)

최종정리

자바스크립트 총괄 정리