푸으름

✏️ 자바스크립트 배열 함수let names = ["pooreum","poo","reum"]let ceoList = [ {name:"pooreum",age:23,ceo:true}, {name:"poo",age:22,ceo:true}, {name:"reum",age:21,ceo:true}]// 기존 방식for(let i=0;i{console.log(item,index)})// 2. map 함수 사용하기, map은 return값이 배열이다let data = names.map((item)=>{ return item // 원하는 값을 붙일 수 있다, ex) item+"haha"})console.log(data)// 2-2 객체에서 원하는 값 출력하기let da = ceoList.map((item)=>{ ..

✏️  객체 초기화let name = "pooreum";let age = 17;let person = {name:name, age:age}; // old한 방식let person1 = {name,age}; // 알아서 객채의 키값이 name과 age로 설정, 단 객체의 key와 value의 이름이 같아야함✏️  객체 분리하기// 객체 분리하기let bts = { name : "방탄소년단", num:7}// 기존의 분리 방법let name = bts.name;let num = bts.num// 한번에 bts의 값을 저장, 키값과 value의 값이 동일해야 함, 즉 변수의 이름이 같아야 함let {name,num} = bts;✏️  백틱 용법let name = "pooreum";let age = ..

✏️  jsonjson은 파일의 확장자로, 객체를 텍스트화 시킨 타입이라고 생각 할 수 있다객체 형태랑 비슷하게 읽어오기 때문에(사용법도 객체랑 비슷) 서버통신에서 많이 사용✏️  async  / await동기적인 자바스크립트를 비동기적으로 처리하기 위해 사용fetch는 promise를 리턴하고 우리는 이 promise안에서 api호출이 이루어진 데이터를 받은 다음 promise가 성공적으로 resolve 함수를 호출하기를 기다린다. 이것을 하게 해주는 것이 await함수이고, await은 promise가 resolve 또는 reject를 호출할 때까지 기다린다.await함수가 없다면 그냥 날것 그대로의 promise가 리턴await과 async는 세트이므로 같이 사용하기async함수를 선언하면 그 함수..

✏️  자바스크립트 엔진 구조변수들의 기본 데이터는 Memory Heap 영역에 저장된다Call Stack은 코드들을 실행하는 곳자바스크립트는 동기적인 프로그래밍 => 코드들 쓴 순서대로 실행시킨다✏️  자바스크립트의 실행 스레드자바스크립트는 스레드가 하나인 싱글 스레드 구조를 가진다오래 걸리는 작업이 생기게 되면 싱글 스레드 구조 때문에 그 작업을 처리하는 동안 다른 코드를 실행할 수 없기 때문에 다음 코드들은 앞의 작어을 처리하는 만큼 시간이 지연된다✏️  싱글 스레드 해결법(웹 API)웹 API가 스레드를 제공해준다setTimeout => 입력한 시간만큼 코드를 딜레이시키고 함수를 실행시킨다eventhandler => 클릭과 같은 이벤트를 핸들하는 함수들Ajax, Axios, fetch => 클라이..