Javascript
1.자바스크립트 기본 정리
자바스크립트는 기본적으로 Object함수가 선언되어있다.새롭게 선언된 모든 함수의 최상위 부모함수는 Object함수이다.모든함수는 prototype객체를 가지고 있다. Object.prototypeprototype객체안에는 기본적으로 생성자함수(constructor)와
2.webpack
여러개의 자바스크립트 파일을 하나의 파일로 컴파일 하기 위해 사용한다.html에서 메인이 될 하나의 자바스크립트 파일만 불러오면 자바스크립트 파일끼리는 import export구문을 이용하여 연동해 사용할 수 있다.먼저 node가 설치되어야 한다.npm i webpac
3.자바스크립트 ?? 연산자, switch, 반복문
?? 병합 연산자 ?? 연산자는 null이나 undefined일 경우 false를 반환한다. || 연산자는 ''나 NUmber(0)일 경우에도 false를 반환한다는 것이다. switch문의 활용 보통의 경우 if문을 활용하는 경우가 많지만 switch가 가독성과
4.자바스크립트 튜토리얼 정리
나는 프리티어만 사용한다. eslint를 같이 사용하는 경우 문법규칙이 너무 빡빡해서 마음에 들지 않았다. 하지만 회사에서 프로젝트를 하는 경우 지켜야할 코딩 컨벤션이 있다. 그럴 때 프리티어만으로는 부족하고 eslint를 사용하는 것이 안전하다. 구글, 에어비엔비 등
5.자바스크립트 자료구조 정리
객체에서 화살표 함수가 아닌 메서드를 추가하였을 경우 메서드 내에서 this가 가르키는 것은 메서드를 감싸는 객체이다. 최근에 추가된 문법으로 일부 브라우저에서 사용하기 위해서는 폴리필해줘야한다.API를 받아오는 과정에서 로딩시간이 있기 때문에 받아온 객체를 활용하기
6.자바스크립트 배열 method 정리
배열 method
7.자바스크립트 맵(Map)과 셋(Set)
이터러블 자료구조의 특징은 for of문을 쓸 수 있고 Array.from메서드를 통해 배열로 변화가 가능하다는 점이다. 일반객체도 Symbol.iterator 매서드를 적용하여 이터러블 객체로 만들 수 있는데 방법이 생각보다 복잡하다.index, length 프로퍼티
8.자바스크립트 구조분해 할당
익숙한 내용들이기 때문에 새롭게 알게된 내용들만 정리하려고 한다.객체를 함수 인자로 사용할 때 구조분해하여 인자에 사용할 수 있다.
9.자바스크립트 JSON 심화
JSON : 객체를 네트워크를 통해 전송하거나 저장소에 저장하려면 문자열로 변환해야하는데 JSON은 값이나 객체를 나타내주는 범용포맷이다.객체뿐만아니라 원시값에도 적용이 가능하다.객체 프로퍼티 중 매서드, 키가 심볼인 경우, 값이 undefined인 경우, 순환참조가
10.자바스크립트 렉시컬 환경(Lexical Environment)
렉시컬 환경 : 스크립트 전체, 실행중인 함수, 코드블록 등은 자신만의 렉시컬 환경을 갖는다. 렉시컬 환경은 환경레코드, 외부렉시컬 환경으로 구성된다. 렉시컬 환경에서 모든 지역변수를 프로퍼티로 저장하고 있는 객체이다. this, 함수일 경우 매개변수도 포함된다. 현재
11.자바스크립트 함수객체, 기명함수 표현식
함수는 객체이기 때문에 매서드도 사용가능하고 프로퍼티를 추가하는 것도 가능하다.함수프로퍼티를 사용하는 이유는 클로저를 대체할 수 있다는 점이다. 함수 내부에서 선언된 변수는 외부에서 접근할 수 없는데 함수프로퍼티에 값을 저장하면 외부에서도 접근할 수 있다. 함수 내부에
12.자바스크립트 func.call, func.aplly, func.bind
처음실행할 때에는 map에 저장해두고 다음 실행때부터는 map에서 꺼내오는 것이다.cachingData내의 중첩함수에서 worker.slow를 실행할때에는 this값을 읽지못한다. 따라서 call 또는 apply를 사용하여 this값을 지정해줘야한다. 객체 매서드를 실
13.자바스크립트 프로퍼티 플래그, 접근자 프로퍼티 getter, setter
getter : 값을 얻으려고 할 때 실행되는 메서드setter : 프로퍼티에 값을 할당하려고 할 때 실행되는 메서드fullname은 가상의 프로퍼티이다. 접근자 프로퍼티의 장점은 메서드이기 때문에조건이나 제약을 걸어 유동적으로 값을 얻어 낼 수 있다는 것.
14.자바스크립트 객체 [[prototype]] 관련 메소드.
15.자바스크립트 클래스 (필드, 상속, 오버라이딩)
클래스는 함수이며 항상 엄격모드로 실행이된다.클래스 필드는 클래스에 프로퍼티를 추가할 수 있는 문법이다.위와 같이 프로퍼티를 직접추가할 수 있으며 정적 메소드와는 다르다.호출할때에 인스턴스를 통해 호출할 수 있기 때문이다. (new User().name)클래스필드는 프
16.자바스크립트 프로미스 async await
프로미스 5가지 정적 메소드 async await
17.자바스크립트 Proxy
특정 객체를 감싸서 객체에 행해지는 작업을 중간에 가로채어 제약을 걸 수 있다.https://ko.javascript.info/
18.자바스크립트 브라우저 환경, DOM 비 표준 속성
호스트(host) : 자바스크립트가 돌아가는 플랫폼 ex) 브라우저, Node.js플랫폼에서는 특정 기능을 추가로 제공하여 환경에 적합한 기술을 제공한다.호스트 환경이 웹브라우저일 때 제공하는 기능문서객체모델 : 웹페이지의 콘텐츠를 객체로 나타내기 때문에 자바스크립트로
19.자바스크립트 DOM 노드, 스타일, 사이즈, 스크롤 메소드
https://ko.javascript.info/
20.자바스크립트 브라우저 이벤트
브라우저 이벤트 마우스 이벤트
21.자바스크립트 네트워크 요청, CORS, 쿠키
Cross-Origin Resource Sharing : 도메인, 프로토콜, 포트가 다른곳에 리소스 교환이 가능하도록 하는 기술
22.localStorage, sessionStorage
웹 스토리지 객체로써 브라우저 내에 키-값 쌍을 저장할 수 있게 해줌.네티워크 요청 시 서버로 전송되지 않아서 2MB 이상의 웹스토리 객체 저장 가능.개발자가 웹스토리지 구성 방식을 설정할 수 있음.웹 스토리 객체는 도메인,프로토콜,포트로 정의되는 오리진에 묶여 있어
23.바벨, 웹팩, 폴리필
npm i -D @babel/core @babel/clinpm i @babel/preset-env : 필요한 플러그인들을 모아둔 것으로 프로젝트 환경에 맞춰서 동적으로 지원해준다..babelrc에 preset-env사용트랜스파일링 : es6+ 코드를 es5이하로 트랜스
24.HTTP
인터넷에서 데이터를 주고받을 수 있는 규칙먼저 서버에게 요청에 대한 정보를 담아 보낸다.ex) GET https://www.zerocho.com HTTP/1.1 : 첫줄 : GET(HTTP메서드), 주소, HTTP 버전User-Agent: Mozilla/5.0
25.자바스크립트 정규표현식 정리
두가지 방법let regexp = new RegExp('pattern', 'flags'); // /pattern/flagslet regexp = /pattern/flagshttps://ko.javascript.info/https://developer.
26.비트 연산자