솔미는 성장중

개념 동기 : 작업을 동시에 수행하거나, 동시에 끝나거나, 끝나는 동시에 시작 비동기 : 시작, 종료가 일치하지 않으며, 끝나는 동시에 시작을 하지 않음 콜백 패턴 예시) 비동기로 작동하는 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..

🎯 궁금증 계기 표준 내장 객체를 공부하다가 Array.sort에 대해 접하게 되었다. 예시코드) const numbers = [3,88,1,28,501,210] numbers.sort((a,b) => a-b) console.log(numbers) //[1, 3, 28, 88, 210, 501] 무엇이 안정적이라는 걸까? : 안정 정렬, 불안정 정렬 개념 안정 정렬부터 이야기해보자. 이는 말 그대로 안정적인 정렬이다. 그럼 무엇이 안정적이라는 걸까? 안정적이다 = 정렬을 하고 난 뒤에도 같은 key값을 가진 원소들의 순서가 유지된다 = 기존의 순서 유지가 보장된다 wiki에서 예시 사진을 가져왔다. 좌측 사진은 하트5와 스페이드5를 정렬하는 상황이다! Stable쪽을 보면 5라는 숫자를 배열할 때 하트-..

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..