sol의 개발로그

동기 (Synchronous) : 순차적으로 코드 실행 O 순차적으로 진행되며, 한 작업이 시작되면 그 작업이 완료될 때까지 다음 작업을 기다린다. 이러한 방식으로 작업들이 차례대로 실행되므로 순서가 중요하다 동기 작업은 작업이 서로 의존적일 때 유용하며 결과를 기다렸다가 다음 작업을 수행하고자 할 때 주로 사용된다. 비동기(Asynchronous) : 순차적으로 코드 실행 X 작업이 병렬적으로 실행되어 한 작업의 완료 여부를 기다리지 않고 다음 작업을 시작할 수 있다. 작업이 백그라운드에서 처리되는 동안 메인 작업이 계속 진행된다. 이러한 방식으로 작업들은 서로에게 영향을 주지 않고 병렬적으로 실행될 수 있다. 비동기 작업은 주로 시간이 오래 걸리거나 외부 리소스에 접근할 때 사용되며, 대표적으로 네트..

모듈이란? 특정 데이터들의 집합(파일)이다. 모듈 가져오기(Import), 내보내기(Export) import 키워드의 경우 javascript 최상단에서만 선언이 가능하다 javascript에서 import 또는 export를 사용한다면 javascript Module을 의미하는 것으로 그것은 javascript의 데이터 집합이다 사용 패턴 1. 기본 내보내기 /*-------module.js*/ export default 123; /*------- main.js*/ import number from "./module.js"; console.log(number); //123 1개의 모듈에서는 default키워드는 딱 한 번만 사용이 가능하기 때문에 기본 내보내기 방식은 1개의 데이터만 내보내기 할 수 ..

어떤 방식으로든 데이터를 주거나 받기위해 사용하는 표준 포멧 문자, 숫자 , 불린, Null, 객체, 배열만 사용 문자는 큰 따옴표만 사용 (작은따옴표, 백틱사용불가) 후행 쉼표 사용불가 .json 확장자 사용 Javascript에서 사용하는 JSON 메서드 JSON.stringify() : 데이터를 JSON 문자로 변환한다. JSON.parse() : JSON 문자를 분석해 데이터로 변환한다. console.log(JSON.stringify('Hello world!')); //"Hello world!" console.log(JSON.stringify(123)); //123 console.log(JSON.stringify(false)); //false console.log(JSON.stringify(nu..

1. assign 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사하고 대상 객체를 반환한다. ※ Object에서 사용가능한 정적 메서드 구문 : Object.assign(대상객체, 출처객체, 출처객체, ...) const target = { a: 1, b: 2 }; const source1 = { b: 3, c: 4 }; const source2 = { c: 5, d: 6 }; const result = Object.assign(target, source1, source2); console.log(target); //{a: 1, b: 3, c: 5, d: 6} console.log(result); //{a: 1, b: 3, c: 5, d: 6} // 만들어진 객체데이터를 수정하지않고 새로운 객체데이..

1. join 대상 배열의 모든 요소를 구분자로 연결한 문자를 반환한다. const arr = ["Apple", "Banana", "Cherry"]; console.log(arr.join()); //Apple,Banana,Cherry console.log(arr.join(", ")); //Apple, Banana, Cherry console.log(arr.join("/")); //Apple/Banana/Cherry join() 내부에 구분자를 작성하지 않을 경우 (", ")와 동일하다. 2. map 대상 배열의 길이만큼 주어진 콜백을 실행하고, 콜백의 반환 값을 모아 새로운 배열을 반환한다. const numbers = [1, 2, 3, 4]; const newNumbers = numbers.map((i..

1. length 배열의 길이(숫자)를 반환한다. const arr = ["A", "B", "C"]; console.log(arr.length); //3 2. at 대상 배열을 인덱싱 한다. 음수 값 사용 시 뒤에서부터 인덱싱 한다. const arr = ["A", "B", "C"]; console.log(arr[0]); //A console.log(arr.at(0)); //A console.log(arr[arr.length - 1]); //C console.log(arr.at(-1)); //C 3. concat 대상 배열과 주어진 배열을 병합해 새로운 배열을 반환 새로운 배열을 반환해 주는 것으로 기존 배열에 영향은 없다. const arr1 = ["A", "B", "C"]; const arr2 = [..

🔗Date MDN JavaScript에서 이미 내장되어 있는 클래스로 Date를 사용하여 날짜와 시간을 생성하고 다룰 수 있다. 따라서 별도의 선언이나 임포트 없이 바로 사용할 수 있는 내장 클래스 중 한 개다. const date = new Date(); console.log(date); // 타임스탭프 : Mon Aug 14 2023 14:28:36 GMT+0900 (한국 표준시) // const d1 = new Date(년, 월, 일, 시간, 분, 초); const d1 = new Date(2022, 11, 16, 12, 57, 30); console.log(d1); //Fri Dec 16 2022 12:57:30 GMT+0900 (한국 표준시) const d2 = new Date("Fri Dec ..