기주

자바스크립트 런타임 알아보기 자바스크립트 런타임인 nodeJS와 브라우저에는 자바스크립트 엔진외에도 백그라운드(libuv), 이벤트 큐, 이벤트 루프 등의 라이브러리가 존재한다. 그렇다면 자바스크립트 엔진외의 다른 라이브러리들은 왜 필요한걸까? 자바스크립트가 가진 한계점들을 보완하기위해서이다. 자바스크립트만으로는 싱글 스레드 블로킹 이슈와, OS수준의 작업, 파일 시스템 접근 불가하다는 문제가 있기 때문이다.      자바스크립트는 싱글스레드 언어이다. -> 따라서 두 개 이상의 연산이나 함수를 동시에 실행할 수 없다. 하나의 연산이 실행 중이면, 쓰레드가 block 된다. 간단한 함수 실행에 의한 쓰레드 block은 체감하기 어렵지만, 시간이 오래 걸리는 작업(네트워크 요청, DB Query, 파일 시..

JS object와 JSON 차이점) 기본적으로 JS object와 JSON은 형태가 유사하다 **서버와 클라이언트가 데이터를 주고받을때는 JSON을 이용한다 JS object : 데이터 구조 JSON : 객체의 내용을 기술하기위한 텍스트 "파일". 그래서 .JSON이라는 확장자가 존재. const str=`{"data":[{"name":"yongseong","info":["student","27"]}]}`; const object = {data:[{name:'yongseong',info:['student','27']}]}; 차이점) JSON에서는 키값을 모두 큰따옴표""로 묶어줘야한다 JS object에서는 키값을 큰따옴표로 묶을 필요가 없다 JSON의 타입은 string JS object의 타입은 o..

1. spread2. destructuring3. list Helper4. map5. filter6.reduce      3.spread (전개 연산자 ...) 객체나 리스트등의 자료구조를 벗긴다.// spread// 리스트의 여러 원소를 뿌려주는 문법const list = [1,2,3,4,5]console.log(list) // [1,2,3,4,5]//리스트벗겨서 출력console.log(...list) // 1 2 3 4 5//1. list 합쳐줄때const list1 = [1,2,3]const list2 = [3,4,5]const result = [...list1,...list2] // list1과 list2를 합쳐주기//2.자료구조의 원본 링크를 끊을때const tmpValue = 10funct..

javascript) 호이스팅과 ES6 변경점 알아보기 1. let, const (호이스팅)2. 함수 선언식 개선(=> 화살표함수)3. 템플릿 리터럴 (그외... 클래스, 구조분해할당, 전개연산자, forEach, map, reduce는 따로 공부하기)     자바스크립트 버전 ES5의 문제들1.중복 선언 허용2.호이스팅 문제   호이스팅javascript에서 변수와 함수의 선언문이 먼저 실행되는 기능.자바스크립트 ES6버전부터 let,const 로 선언된 변수들은 호이스팅은 적용되지만 초기화 전에 접근할 수 없다.    변수와 함수가 동일하게 호이스팅이 적용되는가?변수는 선언문만 실행되어 선언 이전에 출력하면 undefiend로 처리되지만,함수는 선언문+초기화까지 실행되어 선언 이전에 실행하면 정상적으..

"==" : 타입이 다르더라도 값이 같으면 true "===": 타입과 값이 모두 같을때만 true 예제) 1 == '1' //true , ==는 값만 같아도 된다 1 === '1' // false, ===은 타입,값이 모두 같아야한다 false == 0 // true, 값이 같으니 true false === 0 // false, 값이 같아도 타입다르니 false

null과 undefined와 빈문자열"" 체크하기 null은 "의도적으로" 값이 할당되지않은 상태 undefined는 값이 아직 할당 되지않은상태 null, undefined를 체크하기) ㄴnull과 undefined과 빈문자열""는 모두 false로 간주된다 (false그 자체는 아니다!)(" "(공백은) true로 간주) 그래서 null == false; //false null === false; //false undefined == false; //false undefined ===false; //false 위는 모두 false 반환이 되지만(false 자체가 아니니까),null과 undefined앞에 !!를 붙이면 boolean값으로 변환되므로 !!null == false; // true !!n..