원시값(string, number, bigint, bollean, undefined, symbol, null)과 객체 참조, 모든유형의 유일한 값을 저장할 수 있다.=> 즉, 중복된 값이 있으면 한개만 유일하게 남겨줌(중복허용X)Set의 값 비교는 '==='연산자와 같
Immutability 참고 데이터 타입 simbol은 ECMAScript 6에서 새로 나옴 🔽 Primitive 원시 데이터 타입 더이상 쪼갤 수 없는 최소한의 데이터로 변경 불가능한 값(immutable value) 변경이 불가능하다는 뜻은 메모리 영역에서의
마침표 연산자(.)를 사용하여 객체의 프로퍼티 값에 접근대괄호( )를 사용하여 객체의 프로퍼티 값에 접근playerNumber에 16을 넣어주고, player에 testObj16의 값을 넣어준다.
문자열이나 다른 값을 Number타입으로 변환숫자로 변환 불가 시 NaN을 반환소숫점도 가능Number.parseInt() === parseInt; //truestring : 문자열이 아닐 경우 ToString(추상 연산)을 사용해 문자열로 변환radix : 2~36의
동기&비동기 > ### 기본 자바스크립트의 동작 방식 (동기) Heap : 변수나 상수들에 사용되는 메모리 할당 부분 Call Stack : 우리가 작성한 코드에 따라 호출스택을 쌓아두는 부분 스레드 : 코드를 직접 수행하는 것 자바스크립트는 싱글스레드 방식으로 스
Promise 비동기를 돕는 객체로 비동기처리의 결과값을 핸들링 할 수 있음 서버에서 받아온 데이터를 화면에 표시할 때 데이터를 받아오고나서 보여줘야 하기 때문에 ( 받아오기전에 이후 코드들이 먼저 실행되면 오류가 나니까 ) 프로미스의 3가지 상태 Pending(대기
async promise를 더 쉽고 가독성 좋게 만들어 줌 함수가 promise를 반환하도록 해줌 위의 코드를 promise를 사용하여 setTimeout을 사용한다면? await 위의 코드를 await를 사용하면? await를 비동기함수 호출 앞에 사용해 주면
페이지 로드까지 걸리는 시간 단축과 script의 정상동작을 할 수 있다.웹사이트를 보는데까지 많은 시간 소요되서 좋지 않음parsing HTML : HTML파일을 1번줄부터 순서대로 읽어나가기 시작fetching js, executing js : head내부에 있는
브라우저가 이해할 수 있도록 어떤 구조를 가졌는지 알 수 있는 마크업 언어로 구성된 문서HTML을 스타일링해주는 것inline<style></style>.css 를 link로페이지에 동적인 요소를 추가하기 위해 탄생import<script>.js를 sc
🔽 return 반복문을 종료 시키기도 하지만 값을 반환하고 함수 자체를 종료 함수에서 사용하지 않으면 에러가 발생 ⇒ 함수는 return을 사용하지 않아도 항상 값을 반환함 (기본값은 undefined) 🔽 break 반복문을 더 이상 진행하지 않아도 될
조건검색에 find() 메소드와 filter() 메소드가 있다.조건에 맞는 첫번째 요소를 반환값을 그대로 반환시켜 준다.조건에 맞는게 없으면 undefined 반환조건에 맞는 모든 요소를 모아 새로운 배열로 반환조건에 맞는게 없으면 빈배열 반환어차피 id면 id,
논리 연산자를 사용한 단축 평가 평가 결과가 불리언 값이 아닐 수도 있다. 2개의 피연산자 중 어느 한쪽으로 평가된다. ( 피연산자 && 피연산자 , 피연산자 || 피연산자 ) && (논리곱 연산자) 두 개의 피연산자가 모두 true면 true를 반환 왼쪽 피연산자
input type='file' 사용하여 img 업로드해준다 input태그의 accept로 이미지 확장자만 받도록 해준다 onChange() 사용하여 데이터의 값을 가져올 수 있다 Preview input의 files는 배열로 들어오고 0번 인덱스에 이미지가 담긴다
Weather App 사용자의 위치를 받아서, openAPI인 Weather API 사용 getCurrentPosition() 유저의 위치(위도,경도)를 가져올 때 사용하는 메소드 두개의 인자(argument)가 필요 첫번째 : 성공했을 때 실행 될 함수 (pos