솔미는 성장중

개념 동기 : 작업을 동시에 수행하거나, 동시에 끝나거나, 끝나는 동시에 시작 비동기 : 시작, 종료가 일치하지 않으며, 끝나는 동시에 시작을 하지 않음 콜백 패턴 예시) 비동기로 작동하는 a함수를 콜백 함수를 통해 a,b순으로 실행되게 만들기 const a = (callback)=>{ setTimeout(()=>{ console.log(1) callback() },1000) } const b = () => console.log(2) // a(()=>{}) a(()=>{ b() }) //1 //2 예시) b함수도 a함수처럼 비동기로 작동하게 const a = (callback)=>{ setTimeout(()=>{ console.log(1) callback() },1000) } const b = ()=>{..

🎯 모듈이란? 특정 데이터들의 집합(파일) 모듈 개념을 사용하기 위해선 index.html 파일에서 main.js를 연결해주는 script태그에 type="module" 속성이 추가되어있어야 한다! 예시) //module.js export const hello = 'Hello world!' //main.js import {hello} from './module.js' console.log(hello) // Hello world! 🎯 Export & Import 패턴 1. 기본 내보내기 : module.js에서 이름이 없으므로 import할 때 임의로 이름 지정 가능! : 하나의 모듈에서 기본 내보내기를 통해서 내보낼 수 있는 데이터는 딱 하나!! //module.js export default 123 /..

🎯 JSON이란? 데이터 전달을 위한 표준 포맷! 🎯 특징 문자, 숫자, 불린, null, 객체, 배열만 사용 가능 문자는 큰 따옴표만 사용 후행 쉼표 사용 불가 .json 확장자 사용 하나의 JSON파일은 하나의 데이터만 갖고있어야 한다. 1. 데이터를 JSON 문자로 변환하기 2. JSON 문자를 분석해 데이터로 변환하기 🎯 데이터를 JSON 문자로 변환하기 JSON.stringify() : 자료형이 'string'으로 바뀐다. : 애초에 JS에서 string이었던 것은 ' " 내용 " ' 형태로 바뀐다. 예시) console.log(JSON.stringify('A')) // "A" console.log(JSON.stringify(123)) // 123 (문자열) console.log(JSON.str..

Object.assign() 하나 이상의 출처(source) 객체로부터 대상(target) 객체로 속성을 복사하고 대상 개체를 반환 1번째를 제외하고는 모두 출처 객체. 원본이 변경됨!!! (Object라는 전역 객체의 prototype으로 만들어져있는게 아니기 때문에 일반적인 객체 데이터에는 사용 불가하다. 즉, User.assign() 등 불가능. 무조건 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) //source 객체들을 순서대로 복사해서 덮어쓴다. cons..

length 배열의 길이(숫자) = 아이템 개수를 반환 console.log(arr.length) .at() 대상 배열을 인덱싱한다. 음수 값을 사용하면 뒤에서부터 인덱싱. ✨ 예시) 마지막 아이템 인덱싱 : .at()을 쓰면 훨씬 간결하다! const arr = ['A','B','C'] console.log(arr[arr.length-1]) //C console.log(arr.at(-1)) //C .concat() 대상 배열과 주어진 배열을 병합해 새로운 배열을 반환 concat을 사용하면 numbers의 [ ]가 벗겨져서 letters로 들어간다. const letters = ["a", "b", "c"]; const numbers = [1, 2, 3]; const alphaNumeric = lette..