오늘 배운것
자바스크립트의 일반함수와 화살함수의 차이
- 생성자(this) 사용 불가(화살)
- 제너레이터로 못쓴다(화살)
인수: 원본 값(argument)
매개변수 : 인수를 복사한 값(parameter)
프로토타입이란
객체를 함수로 사용하게 만듬
함수의 프로토 타입을 복사해서 객체를 생성
비동기란
요청 -> 다른일 -> 응답 받으면 -> 그 결과로 다른 코드 실행
비동기 처리 순서
콜스택 -> webAPI -> 이벤트루프(콜백큐)
비동기를 처리하려면 콜백 함수를 사용한다.
다만 너무 많은 콜백 함수를 사용하면 콜백지옥이라고 불리며 이를 해결하기 위해 promise를 사용한다.
promise
- pending : 비동기 처리 수행 전
- fulfilled : 수행 성공(resolve)
- rejected : 수행 실패(reject)
- settled : 성공 or 실패
promise 후처리 메서드 then
then(성공, 실패) //실패는 생략가능
- promise로 구현 된 비동기 함수는 promise 객체 반환
- promise로 구현 된 비동기 함수를 호출하는 측에서는 promise 객체의 후속처리 메서드를 통해 비동기 처리 결과를 받아 처리
ES6에 추가 된 메서드
async / await로 비동기 처리 할 수 있음
토큰 기반 인증
OAuth2.0 / JWT
둘다 토큰으로 인증을 하나 OAuth2.0은 프레임워크
JWT는 단순 토큰이라 비교하기 애매함
OAuth2.0에서 JWT를 사용할 수도 있다.
defaultProps
- 컴포넌트에 Props를 지정하지 않았을 때 기본적으로 사용할 값을 설정하고 싶다면 컴포넌트에 defaultProps라는 값을 설정하면 된다.
props.children
- 컴포넌트 태그 사이에 넣은 값을 조회 하고 싶을 때 사용
오늘 하루 느낀점
심화과정을 시작하는 동영상부터 난이도가 굉장히 높아졌구나 느꼈다.
아쉬운점은 편집을 잘못 했는지 함수를 호출하지도 않았는데 나오는 결과를 보고 많이 당황하고 혼란스러웠다..
이런 작은 것들이 테스트 인가 싶기도 하면서 과제에 대한 압박이 있는데 이것으로 시간낭비 되는점이 부담이었다.
일단 리액트 입문 강의를 듣고 느꼈던 벽이 또 다시 느껴졌으나 항상 그래왔듯 이또한 해결하리.
먐미