728x90 반응형 JS/JS 기초26 JS- setTimeout, clearTimeout, setInterval, clearInterval JS- setTimeout, clearTimeout, setInterval, clearInterval 오늘은 JS에서 함수의 실행 시간에 대한 방법에 대해 알아보겠습니다. (1) setTimeout/ clearTimeout 먼저 setTimeout은 지정한 시간이 지난 후 작성한 함수를 실행하는 방식입니다. -1- function time(){ console.log(1); } setTimeout(time, 1000); -2- function showName(name){ console.log(name); } setTimeout(showName, 1000, 'James'); //함수에 James라는 인수를 넣을 수 있습니다. 실행하고자 하는 함수가 있고 그 함수를 일정 시간이 지난 후 실행시키고 싶을 때 사.. 2022. 9. 7. JS- 구조 분해 할당(Destructuring assignment) JS- 구조 분해 할당(Destructuring assignment) 오늘은 JS에서 사용되는 구조 분해 할당에 대해 알아보겠습니다. 구조 분해 할당이란 배열이나 객체에서 구성을 분해한 뒤 그 분해된 값을 변수에 담을 수 있게 하는 것을 의미합니다. 말이 어려워서 바로 예시를 통해 설명드리겠습니다. 예시에 앞서서 구조 분해 할당은 배열과 객체를 통해 사용할 수 있습니다. 우선 배열에 구조 분해 할당에 대해 보겠습니다. let [ex1, ex2] = [10, 20]; //기존의 배열에 지정할 값을 작성합니다. //그러면 결과값은 console.log(ex1); //10 console.log(ex2); //20 //지정된 값 대로 출력이 되는 것을 확인할 수 있습니다. 예시를 보시면 기존에 배열에 변수를 통.. 2022. 9. 7. JS- 심볼(Symbol) JS- 심볼(Symbol) 오늘은 JS에서 사용되는 자료형 심볼에 대해 알아보겠습니다. 심벌은 유일성이 보장되는 자료형으로 여러 개의 설명이 동일한 심벌을 작성해도 심볼의 값은 다르게 나타납니다. 심볼은 Symbol('설명')을 사용하여 적용할 수 있습니다. 설명란에는 심볼을 설명할 수 있는 텍스트를 작성하시면 됩니다. let id = Symbol('id'); //심볼 코드 예시 let id1 = Symbol('id'); let id2 = Symbol('id'); //설명이 같은 두개의 심볼을 비교해보면 console.log(id1 == id2); //false가 출력됩니다. 심볼형은 같은 설명을 가진 심볼이라도 동일 연산자를 사용하여 비교하면 false를 출력합니다. 심볼은 객체에서 사용할 수 있는데 .. 2022. 8. 30. JS- 배열(Array) JS- 배열(Array) 오늘은 배열에 대해 알아보겠습니다. 배열은 순서가 있는 리스트로 비슷한 유형의 데이터들이 순서를 가지고 구성되어 있는 상태를 의미합니다. 배열이 유용한 이유는 모든 자료형 구조를 사용할 수 있으며 객체와 동일하게 수정과 추가, 삭제가 가능합니다. 배열은 let 배열 이름 = ['배열 내용1', '배열 내용2', ...]; //이런식으로 구성됩니다. //배열을 호출하는 방식은 console.log(배열이름[0]; // 이럴 경우 배열 내용1이 호출됩니다. 이런 식으로 작성하는데 대괄호[] 안에 배치가 됩니다. 배열은 1부터 시작하는 것이 아니고 0부터 번호를 시작하기 때문에 가장 처음 배열의 요소는 0입니다. 배열을 사용할 경우 짧으면 상관이 없지만 엄청 긴 배열이 있다고 가정하시.. 2022. 8. 25. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
