JavaScript

JavaScript(자바스크립트)란?: 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어1) 스크립트(Script)언어: 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어2) 자바스크립트 작성 방법자바스크립트 작성 방법

: 자바 스크립트에서 "요소 전체"를 읽어들이거나 변경하는 속성내용을 읽어올 때 ⭐️태그+속성+내용⭐️을 모두 포함해서 읽어옴내용을 변경할 때 태그는 HTML 요소로 해석해서 나옴innerHTML로 읽어오기innerHTML로 변경하기

1. DOM(Document Object Model) :웹 문서(HTML)의 모든 요소를 객체 형식으로 표현하는 방법 -> 문서 내 특정 요소에 접근하는 방법을 제공 1) DOM을 이용한 요소 접근 방법 (1) id 속성 값으로 접근하기 : document.getEl

var, let, const 변수에 대하여(블록 스코프와 함수 스코프)

1. 정규표현식(Regular Expression = regex) : 특정한 규칙을 가진 문자열 집합을 표현할때 사용하는 형식 언어 : 정규 표현식을 이용하면, 입력된 문자열에 대한 특정 조건 검색, 일치 여부 판단, 치환에 대한 조건문을 간단히 처리할 수 있다. 2

1. 형변환 2. 연산자 1) 용어: '단항', '이항', ' 피연산자' (1) 피연산자(operand)(== 인수(argument): 연산자가 연산을 수행하는 대상 ex) 5*2에서 왼쪽 피연산자 5와 오른쪽 피연산자 2, 두개의 피연산자 존재 (2) 단항 연산자: 피연산자의 부호를 뒤집는 단항 마이너스 연산자 -는 단항 연산자의 대표적인 예이다. ...

Math.random()

배열 선언( const arr = []; / const arr = new Array();)과 arr.length

arr.unshift / shift / push / pop

array.splice()

배열 자르기:slice()

배열을 같은 값으로 채우기: fill()

배열 특정 값 위치 찾기(indexOf, lastIndexOf)

: 배열 안에 특정 값이 포함되어 있는지 여부를 체크하기 위해서 기본적으로 반복문을 사용하여 체크할 수도있지만 몇 가지 JS 함수가 있다.indexOf(), lastIndexOf()includes()findIndex()some()includes() cs some()

2\. filter()

: map() 함수는 배열을 다룰 때 유용하게 사용되는 함수이다.: 배열의 map() 함수는, 배열을 순회하면서 각 element의 값을 변경하여 새로운 배열을 만들어 준다.1\. map()함수로 새로운 배열 생성하기

: JS에서 배열인지 확인하기 위해서는 isArray() 함수를 사용해야한다.: 일반적으로 JS에서 데이터 타입을 확인하기 위해서는 typeOf를 사용한다. : 그러나, typeOp를 사용하여 배열을 검사하면, typeOf는 'object'를 리턴한다. \-> 배열은

4.reduceRight()

sort() 함수sort() 함수로 숫자 오름차순 정렬하기sort() 함수로 숫자 내림차순 정렬하기sort() 함수로 문자열 정렬하기sort() 함수로 문자열(대소문자 구분없이) 정렬하기sort() 함수로 객체 정렬하기

반복문 이용하기Set 객체 이용하기some(), indexOf(), lastIndexOf() 함수 이용하기

: JS의 forEach 반복문에서는 continue 구문을 사용할 수 없다. 그렇다면, continue처럼 반복문 내에서 특정 값을 제외하고 실항하고 싶을 떄는 어떻게 할까?3\. filter 사용하기

: JS에서 배열을 초기화 하는 4가지 방법4\. pop() 함수

SetindexOf(), filter()forEach(), includes()

undefined 값만 제거하기(filter 함수와 !== 연산자)undefinedm null(nullish value)제거하기(filter 함수와 != 연산자)빈값(empty value)제거하기undefined, null, false, ", 빈값(empty) 모두 제

join() 함수 사용하기toString() 함수 사용하기

for 반복문 사용reverse() 함수reverse() 함수 - 원본 배열 유지하기

forEach() 이용하기reduce() 이용하기Map 객체 이용하기

Math.max(), Math.min() 소개Function.prototype.apply() 사용하기Spread Operator(전개 연산자) 사용하기

forforEach()for infor of

- JS에서 사용할 수 있는 메시지 박스 3종류: alert / confirm / prompt

1.'\n'을 이용하는 방법 alert('a\nb\nc'); : 줄바꿈을 하고 싶은 곳에 '\n'을 입력한다. 2.템플릿 문자열을 이용하는 방법 **alert(`a b d`); : 백틱(\`)으로 감싸인 문자열인 템블릿 문자열을 이용하면 백틱 사이의 내용이 그대로 문

반복문(1)_for문

반복문(2)_while

for/forEach/for..in/for..of

for..in

: DOM에서 특정 이벤트가 발생되면 JS 이벤트 객체에서 이를 확인할 수 있다.: DOM 구조에서 이벤트는 매우 다양하지만, 자주 쓰는 이벤트는 아래와 같다.1) 포커스 이벤트(focus, blur)2) 폼 이벤트(reset, submit)3) 뷰 이벤트(scrol,

(var는 오래된 키워드): '상자' 안에 데이터를 저장하는데 이 상자에 '변수명'이라는 특별한 이름표를 붙이고 문자열, 숫자 등을 담는다고 생각하자!\-> let 키워드를 사용해 변수를 생성하고 message라고 박스 이름을 정해줬다. \-> hello라는 문자열이

: 자바스크립트에선 문자열(string)을 따옴표로 묶는다.(1) 큰따옴표: "Hello"(2) 작은따옴표: 'Hello'(3) 역 따옴표(백틱, backtick): Hello: 큰따옴표(1)과 작은따옴표(2)는 '기본적인' 따옴표로, 자바스크립트에서는 이 둘의 차이를

보다 큼, 작음: a > b, a < b보다 크거나, 작거나 같음: a >= b, a <= b같음(동등): a == b가지 않음(부등): a != b

: if(...)문은 괄호 안에 들어가는 조건을 평가하는데, 그 결과가 true이면 코드 블록이 실행된다.

: JS에는 세 종류의 논리 연산자 ||(OR), &&(AND), !(NOT) 이 있다.: 'OR'연산자는 두 개의 수직선 기호로 만들 수 있다.== 인수 중 하나라도 ture이면 ture를 반환하고, 그렇지 않으면 false를 반환한다. \-> 피연산자는 모두 fal