JavaScript
1.javascript - 클로저 (closure)
클로저란 무엇일까?
2.배열 디스트럭처링 Array Destructuring(ES6)
배열에서 추출하는 방법
3.객체 디스트럭처링 (Object destructuring)
객체에서 키와 값을 추출하는 방법
4.고차함수와 콜백함수
고차함수와 콜백함수
5.this의 기묘한 모험
오묘한 this에 대하여
6.var, let, const
호이스팅과 스코프에 관하여
7.객체 생성 패턴 #1
사소한 나쁜 습관부터 잘 고쳐나가기.
8.typescript - generic obj에서 특정 조건 key만 추출하여 union type 만들기
type OnlyBooleanTypeKey = { KEY in keyof T: TKEY extends boolean ? KEY : never}keyof T
9.url 구조
http, httpswww.naver.com기본 포트 번호http://www.naver.com:80https://www.naver.com:443ex)https://www.naver.com:443/user2/help/pwInquiry.nhn?m
10.javascript 백그라운드 감지
document.visibilityState
11.정규표현식
(검증)ref: https://regexr.com/(연습)ref: https://regexone.com/
12.javascript - 느낌표 두개 연산자(!!)
어떤경우에도 확실한 논리 결과값(true/false)을 가져오기위해 사용된다.
13.axios - axios.interceptors
요청을 보낼때나 응답을 받을때 매번 반복되는 내용이 있다면 마치 미들웨어처럼 중간에 우겨넣는 로직form(첫번째 인자는 응답이 성공했을때, 두번째인자는 응답이 실패했을때)예시)아직 안써봄 근데 위 내용이랑 별반 다를께 없어보임axios 요청보낼때 조건 붙여서 뭐 실행하
14.node_modules custom하기 (with patch-package)
ref: https://www.npmjs.com/package/patch-package보통 npm i를 때리면 node_modules에 추가한 내용이 다 날아간다.하지만 patch-package를 사용하면 해당 모듈에서 수정된 부분을 다 기록하여 모듈 설치 완
15.cookie - httponly
HttpOnly에 체크되어있는 내용은 서버에서만 접근가능하다.(귀찮아서 더 찾아보진 않음)일단 기본적으로는 이런상태라 일반적인 쿠키 읽어오는 방법으로는 프론트단에서 가져올수가 없었다.
16.정규식
Yup 모듈을 사용하여 입력값의 유효성을 검사할 때, 영문, 숫자, 특수문자가 각각 한 개 이상씩 꼭 포함되어야 하는 조건을 추가하려면 다음과 같은 정규표현식을 사용할 수 있습니다.위 정규표현식은 문자열의 처음부터 끝까지 검사하여 다음과 같은 세 가지 검색 조건을 모두