본문 바로가기

JavaScript12

import / export 08/14 export작성한 모듈을 외부로 내보내는 방법.// 선언한 변수를 내보내기export let var1 = 'variable';// 두개 이상을 내보내기let str1 = 'string';let arr1 = ['item1', 'item2'];export {str1, arr1};// 특정 하나만 내보내기export default str1;두개 이상의 변수를 export default 할 경우, 이미 default가 존재한다는 SyntaxError가 발생한다. importexport 를 통해 내보낸 것을 가져다 사용하는 방법.import 로 스크립트를 불러 오고 나면 변수, 함수, class 는 read-only 상태이다.(예시용 export.js)let a = 10;let b = 20;export.. 2024. 9. 23.
Callback, Promise, Async, Await 08/08 Callback 이란다른 함수의 인자로서 활용되는 함수.어떤 이벤트에 의해 호출되는 함수.함수의 인자처럼 전달되어서 쓰이는 함수를 의미한다.function func(callback) { callback();}callback 을 사용하는 이유는, 비동기 프로그래밍에서 사용하면task가 끝나기 전에는 함수가 실행되지 않는 것을 보장하기 때문.callback은 그 task가 끝난 직후에 실행되기 때문에 여러 문제와 에러로부터 안전하도록 지켜준다. Callback 의 사용callback 을 사용하는 여러 방법이 있는데,const func = function() { console.log("message");}setTimeout(func, 3000);함수를 선언하고, 다른 함수의 인자로 전달하는 방법이다.. 2024. 9. 9.
문자열 자르기 08/05 Slice()str.slice(start, end?): string;slice 는 문자열의 일부를 추출하여 새로운 문자열로 반환한다. 원본 문자열은 수정하지 않음.end인 index는 exclude 된다. String[start] ~ [end - 1] 까지 반환.start >= String.length 면 빈 문자열이 반환된다.start 마찬가지로 end start 가 생략되거나, 정의되지 않거나, number로 변환할 수 없다면, 0으로 처리됨.end   Substring()str.substring(start[, end]): string;substring 은 문자열의 시작 index부터 종료 index 전 까지 문자열의 부분 문자열을 반환한다.end가 생략된 경우, 문자열의 끝까지 모든 문자.. 2024. 9. 9.
Array Sort(), Filter() 08/02Array.sort()Array.sort(compareFn?: (a: T, b: T) => number): this;배열 내의 원소를 정렬 시키는 함수.정렬된 새로운 배열을 반환하지 않고, 원본 배열이 정렬 된다.compareFunction 은 두 개의 인자를 받아 서로 비교해 순서를 정하는데 사용하며,반환하는 number 형이 음수, 0, 양수 에 따라 순서를 바꿔준다.compareFunction 이 주어지지 않은 경우,원소를 문자열로 변환하여 유니코드 오름차순으로 자동 정렬.compareFunction 이 주어진 경우, compareFn(a, b) 의 return 값에 따라,value > 0 : a가 b보다 먼저 위치value = 0 : 순서 변동 없음value  Array.filter()A.. 2024. 9. 8.
변수, 문자열 07/30~08/01변수vares6 이전의 변수 형식.전역, 지역에서 전부 사용할 수 있으며, 재선언되고, 업데이트 될 수 있음.호이스팅 이 발생 가능해서, undefined 발생 가능.letvar에서 개선된 변수 형식.지역에서 선언된 let변수는 외부에서 사용시 오류 발생.업데이트 될 수 있지만, 재선언은 불가능.호이스팅 발생 가능하지만, 초기화 되지 않아 Reference Error 발생.const일정한 상수 값을 유지하는 변수.지역에서 선언된 const 변수는 외부에서 오류 발생.업데이트 불가능, 재선언 불가능. 따라서 선언과 동시에 초기화 되어야 한다.단, const 객체는 업데이트 할 수 없지만, 객체의 속성은 업데이트 할 수 있다.호이스팅 되지만, 초기화 되지 않는다. 문자열문자열 혼합stri.. 2024. 8. 27.
배열 활용 method 07/30~31Array.forEach()배열을 순회하며 각 요소를 콜백 함수로 처리하는 함수.arr.forEach(function(element, index?, array?) => { callbacks });for 문 처럼 continue 를 사용하고 싶다면, callback 부분에서 return을 시켜 넘어가면 된다.Array.some()배열을 전부 순회하며, return 값이 하나라도 true 라면 최종적으로 true 가 반환되는 함수.arr.some((element, index?, array?) => { callbacks }); Array.every()배열을 순회하며, return 값이 하나라도 false라면 즉시 중지하며 false 가 반환되는 함수.arr.every((element, index.. 2024. 8. 27.

티스토리툴바