자바스크립트 15

객체 프로퍼티 표시법과 그 밖의 ..

//스코프//전역 스코프// 지역 스코프// 전역 스코프 : 전체 영역에서 접근 가능// 지역 스코프 :특정 영역에서 접근 가능//1. 객체 생성let objc1=new Object();let obj2={}; // 객체 리터럴let person={    //key : value ,    name: "이정환",    age:27,    hobby:"테니스",    extra:{},    10:20,    "like cat":true, }//3,객체 프로퍼티를 다루는 법//3.1 특정 프로퍼티에 접근(점 표기법,괄호 표기법)let name= person.name;console.log(name)let hobby=person["hobby"];console.log(hobby);let craft="extra";le..

자바스크립트 2024.12.21

Async와 await

async는 함수를 비동기로 바꾸어주는 것이다.   비동기 함수는 항상 Promise를 객체로 반환을 해준다.  await는 비동기 작업(=Promise)이 끝날 때까지 기다린다는 뜻이다.await 키워드는 async 함수 안에서만 사용할 수있다.  Promise 가 비동기 작업을 수행하고 비동기 작업을 상태 관리하는 객체이다. Promise는 상태가 총 3가지가 있다. Pending , success, failure 가 있다. resolve(객체가 성공적으로 반환이 되었을 때)reject(객체 반환이 실패했을 때)

자바스크립트 2024.12.21

Async와 await

async는 함수를 비동기로 바꾸어주는 것이다.   비동기 함수는 항상 Promise를 객체로 반환을 해준다.  await는 비동기 작업(=Promise)이 끝날 때까지 기다린다는 뜻이다.await 키워드는 async 함수 안에서만 사용할 수있다.  Promise 가 비동기 작업을 수행하고 비동기 작업을 상태 관리하는 객체이다. Promise는 상태가 총 3가지가 있다. Pending , success, failure 가 있다. resolve(객체가 성공적으로 반환이 되었을 때)reject(객체 반환이 실패했을 때)

자바스크립트 2024.12.21

동기와 비동기(매우 중요 잘 정리됨)

동기는 여러개의 작업을 순차적으로 처리 하는 것  비동기는 여러개의 작업을 동시에 처리하는 것이다. 여기서 중요한 개념이 바로 쓰레드이다. 쓰레드는 프로그램의 작은 작업 단위로 한번 에 여러개의 작업이 수행되는 데 필수적인 개념이다. 여기서 싱글 쓰레드 와 멀티 쓰레드의 개념이 나온다.  하나의 프로그램은 싱글 쓰레드일수도 있고 멀티 쓰레드일수 도 있다. 싱글 쓰레드는 요리사가 음식도 하고 설거지도 하는 개념이라면멀티 쓰레드는 좀 분업이 되어 있는 느낌 설거지 하는 사람 따로 요리 하는 사람 따로 있는 것이다.   참고로 멀티 쓰레드를 지원하는 언어는 자바 ,C#이 있다. 그럼 자바스크립트는 어떻게 비동기를 처리할까? 참고로 자바스크립트는 싱글쓰레드이다. Web apis(브라우저가 api 를 실행해서 자..

자바스크립트 2024.12.21

5가지 배열 변형 매서드

1. filter기존 배열에서 조건을 만족하는 것들만 필터링하여 새로운 배열로 반환이렇게 해 놓고 filter를 적용하면  2.map배열의 모든 요소를 순회하면서 각각 콜백함수를 실행하고 그 결과들을 모아서 새로운 배열로 반환 앞에서 다른 거랑 똑같이 item,idx,arr은 고정된 내장 함수 느낌?  3.sort배열을 사전순으로 정렬하는 매서드이다. (숫자는 별도로 있는데 chatgpt에게 물어봐라) 4.toSorted정렬된 새로운 배열을 반환하는 매서드   5.join배열에 존재하는 모든 문자열을 하나의 문자열로 합쳐주는 역할을 수행한다.   -------

자바스크립트 2024.12.21

5가지 요소의 순회 및 탐색 매서드

1. forEach // 모든 요소를 순회하면서 각각의 요소에 맞는 특정 동작을 수행합니다. 여기서 forEach(function(idx,item,arr)=>{}) 이 부분에서 idx,랑 item 은 index와 그에 해당하는 값이다.내장된거 같다.  2.includes(3); 이것을 통해 true/false로 구분을 한다.  3.indexOf특정 요소에 인덱스(위치)를 찾아서 반환하는 매서드  4.findIndex   특정요소의 참인 값의 인덱스 를 반환한다.  배열말고 객체는 어떨까?이것도 똑같다.find 모든 요소를 순회하면서 콜백함수를 만족시키는 요소를 찾는 것이 중요하다.

자바스크립트 2024.12.21