es6

strict mode가 적용되지 않고객체가 없을 때의 this는브라우저 환경에서는 Window라는 전역 객체를 참조하기 때문에둘 다 결과는 Window라는 오브젝트가 출력된다.Window가 최상위 객체라고 보면 됨.오브젝트 내의 함수를 메소드라고 부른다. 이 때 메소드

함수 뒤에 백틱 붙여줘도 함수가 실행 됨.근데 어따 씀?단어 순서를 변경단어 제거${변수}위치 변경파라미터1 : 문자들을 Arr화파라미터2 : ${} 변수들 문자화 (변수 개수에 따라 추가하면 됨)Q) 바지 개수 0이면 바지 안 팔아요로 바꿔 출력하기

활용1) 어레이 합치기 / 복사활용2) 어레이 합치기 / Deep copy(독립적인 복사본 생성)합치기deep copy합칠 때 중복 키가 있다?뒤에 온 프로퍼티가 주인이 됨.중요! 전개연산자 (...)은 항상 괄호 안에서 사용해야 에러 안뜸.apply / call 설

다른 언어들은 만약 파라미터 개수만큼 인자를 안 넣어주면 에러가 발생하지만 JS는 에러 안뜸.원래는 b 인자 없을 때 조건문 이용해서 디폴트 값을 줄 수 있지만 ES6에서는 파라미터에 그 값을 지정할 수 있다.🧨 주의할 점:디폴트 파라미터는 매개변수 수 만큼 인자가

<a href='https://velog.io/@bigwave-cho/ES6-%ED%95%A8%EC%88%98주의! : 변수명을 객체의 키값과 똑같이 만들어줘야 함.Q) a, address, number의 값은 뭘까?a라는 변수에 'seoul' 값이 할당

🧨 export default는 파일당 1회만 사용 가능🧨 여러 변수 import 시에는 정확한 변수 명을 입력해야 한다.a 만 가져오고 싶으면 {a}.가능🧨 default import는 맨 앞에 위치.🧨 default는 따로 가져와야함.

동기식 처리 : 오래걸리는 연산 만나면 멈춰서 연산 끝날 때까지 멈춤.비동기식 처리 : 오래 걸리는 작업이 있으면 Web API(대기실)로 보내고 다른 것 부터 처리하는 방식.이벤트리스너AJAXsetTimeout()브라우저는 코드를 페이지에 렌더링해야하기 때문에 만약

Promise도 디자인 패턴이다.1\. 성공/실패 판정 전 pending2\. 성공 resolved3\. 실패 rejected프로미스는 비동기적 처리를 가능하게 해주는 것이 아니다.디자인 패턴일 뿐이다.JS의 fetch()<img id="test" src="htt

1)2)🧨 주의 : async는 성공만 판정할 수 있다.강제로 실패 결과 만드는 법await은 프로미스.then()의 간략한 버전이다.또한 async 내에서만 사용 가능하다.await은 프로미스 실패시 에러나고 해당 코드에서더 이상 진행되지 않고 멈춘다.try{} c

심볼의 용도: 오브젝트의 비밀스러운 key 값으로 사용왜 출력이 안됨?for in은 enumerable한 것만 출력해줌.심볼은 해당 속성이 false임.

결과Map은 자료 간의 연관성을 표현하기 위해서 사용함.객체 자료형은 키에 string만 가능하지만 Map 자료형은 모든 타입 가능자료 불러오기 : person.get(키값);자료 삭제하기 : person.delete(키값);예시)자료 개수 세기 : person.siz