솔미는 성장중

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

🎯 궁금증 계기 표준 내장 객체를 공부하다가 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라는 숫자를 배열할 때 하트-..