본문 바로가기

분류 전체보기

(66)
usememo, usecallback https://leehwarang.github.io/2020/05/02/useMemo&useCallback.html
쿠키와 세션 서버사이드에서 관리하는 세션, 클라이언트 사이드에서 관리하는 쿠키 세션도 쿠키형식으로 관리하기때문에 저장 위치에 따라서 분류함 저장 위치, 만료시점** 이 중요함 브라우저의 종료와 상관없이 계속해서 정보가 남아있을수 있다 - 쿠키/ 브라우저가 종료되면 만료시간에 상관없이 삭제됨- 세션 .. 뭐 블로그마다 하는 말이 다른것같음.. 세션: 아이디, 닉네임 등의 정보 스니핑 등의 위험요소가 잇지만 가벼워 쿠키를 보통 사용하는듯. 세션의 대체제? 로 jwt가 쓰인다고한다
html과 DOM 차이
[js]set과 map - set객체는 중복되지 않는 유일한 값들의 집합 수학적 집합의 특성을 표현하기 위한 자료구조 이터러블을 인수로 전달받아 set 객체를 생성한다. 중복된 값은 빼고 중복을 허용하지 않는 set객체의 특성을 이용하여 아래와 같이 배열의 중복된 요소를 제거할수있다 set요소를 배열에 담고싶을때 * [... new Set(arr)] set 객체는 이터러블 이기때문에 for ... of 문으로 순회할 수 있으며, 스프레드 문법과 배열 디스트럭처링의 대상이 될수도 있다. map 객체는 키와 쌍으로 이루어진 컬렉션이다. 객체와 유사하지만 구분 객체 Map 객체 키로 사용할 수 있는 값 문자열 또는 심벌 값 객체를 포함한 모든 값 이터러블 x ㅇ 요소 개수 확인 object.keys(obj).length map.si..
프라미스객체 async,await https://ko.javascript.info/promise-basics 우선 프라미스 객체를 알아보자 프로미스는 자바스크립트 비동기 처리에 사용되는 객체다. ((비동기: 특정 코드의 실행이 완료될때까지 기다리지 않고 다음 코드를 실행하는 자바스크립트의 특성 프로미스를 생성하고 종료될때까지 3가지 상태를 갖는다 pending(대기), fulfilled(이행), rejected(실패) then()은 fullfiled, 처리되어 반환된 결과 값을 받을 수 있다 async 했을때 리턴은 promise객체로 반환. => .then()으로 해야 fulfill된 내부 내용을 사용할수있음
컨텍스트 관련 예제들 변수는 선언부만 끌어올리지만 함수는 전체를 끌어올린다 함수 선언문(별도의 할당이 되지않은 상태, 정의부만 있음)과 함수 표현식의 차이 => 2번째 줄에서 에러뜨고 var multiply는 함수로 할당되기도 전에 종료 뭐너무 유명한 inner outer 전역
자바스크립트의 메모리관리 https://curryyou.tistory.com/276
린팅, 포맷팅 셋팅 https://velog.io/@kmlee95/React-Typescript-eslint-prettier%EC%84%A4%EC%A0%95
[js]자바스크립트는 프로토타입언어 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체를 가진다. 상속의 개념으로 다른 객체에 정의된 메소드와 속성을 객체에서 사용할 수 있도록 하는 근간이다. 객체지향을 가능하게하는 .. 대박대박 근데 어려우니 오늘은 여기까지만 객체 인스턴스와 프로토타입 간에 연결이 구성되며 이 연결을 따라 타고올라가서 속성과 메소드를 탐색함 function Person(...) { this.first = first; .. } 로 Person은 생성자함수, person1은 Person에서 만들어낸 인스턴스라 하면
[js]함수와 this, scope 함수와 메소드 차이는? - 메소드는 클래스 내부에 정의한 함수 - 독립적으로 존재하는 함수이냐 클래스 내부에 종속되어 있느냐로 구분 - 함수 ⊃ 메소드 일반함수와 화살표 함수 차이는? - function foo () { .. } : 일반함수 - const fa = () = { .. } : 화살표함수 // 즉시 실행이 필요한 경우 사용한다 react에서 event를 jsx에 달때 많이 사용하지.. 모든 함수는 실행될때마다 함수 내부에 this라는 객체가 추가된다 일반함수의 this - 일반함수 실행시에는, this는 전역객체(window)를 가리킨다 - 메소드 실행시에는 메소드를 소유하고 있는 객체를 가리킨다. - 생성자(new) 실행 시에는 새롭게 만들어진 객체를 가리킨다 그리고 어떻게 호출되었는지에 따..