[TIL]2022.10.11

오늘 한 일

벨로퍼트 문서 보기 
드림코딩(128) + 노마드 리액트(12) + 패스트캠퍼스(25) + 코딩애플(8) 강의 듣기
드림코딩 js 기초 진행중
주특기 과제 전체 손코딩 반복 
10시 팀과제조사 2번 // DIY useSelector 최적화 
딥러닝 8강, 인공지능 8강, 클라우드 8~15강
또백함수..Promise async & await

오늘 느낀 것

일반 업데이트vs함수형 업데이트, useEffect 사용
오버라이딩 편하다

스타일 컴포넌트 익숙해져야한다

 

동기 : 순차적, 어떻게 실행될 것인가 파악 쉬움
비동기 : 각자의 시간에 따라서, 혼란스러움 but 상당히 빠름 
서버와 통신할 때 동기로 하게 되면 서버와 통신하는 동안 어떠한 작업도 할 수 없음

콜백함수 : 
지금 바로 실행 되지는 않지만 다른 함수의 입력값으로 전달 되어서 다른 함수에 의해 나중에
호출 된다.

콜백 지옥: 비동기를 동기작업처럼 쓸 때 콜백안에 콜백안에 콜백안에

Promise (then, catch):
데이터를 받아오기도 전에 마치 데이터를 다 받아온 것 마냥 화면에 데이터를 표시하려고 
하면 오류가 발생하거나 빈 화면이 뜬다. 
이와 같은 문제점을 해결하기 위한 방법 중 하나가 프로미스이다.
즉 비동기 작업들을 순차적으로 진행할 수 있음

(then, catch):
콜백함수, 파라미터 
then: fetch를 성공했을때 then 함수가 실행됨 // response 객체를 줌
catch: tetch를 실패했을때 catch 함수가 실행되고 이유를 알려줌

async & await:
promise를 사용하고 있는 비동기 함수를 동기 함수처럼 사용할 수 있게 해주는 도구

비동기 함수들 앞에 await를 붙임 

await가 붙어있는 promise를 리턴하는 함수는 다른 함수 안에서 실행되어야 하고 그 함수 앞에는
async 라는 키워드가 붙어 있어야 함

좋았던 점

점점 익숙해 지는 react
갈 길이 멀지만익숙해 지는 중

개선점

hooks 종류와 커스텀 미숙
payload reducer action ... 확실하게

내일 할 일

주특기 과제 전체 손코딩 반복
벨로퍼트 문서 보기 && 코딩애플 강의 듣기 && hooks 공부

axios && redux toolkit
파이썬 자바 완하기