스탠다드 반 강의 (리액트 복습) 메모
1. 함수형 업데이트
이전 상태에 의존하면서 (이전 값을 참조할 때) 상태를 업데이트 할 때 함수형 업데이트로 쓰는 것에 익숙해지자
그러지 않으면 불안전한 코드다
이전 상태에 의존하지 않을 때는 굳이 쓸 필욘 없다
const handlePlus = () -> {
setResult((prevResult) => prevResult + Number(amount));
};2. useState()
setState는 비동기적 함수다. 동기적인 함수를 실행한 다음에 마지막으로 실행한다.
비동기적인 함수는 마지막에 한꺼번에 처리됨. 한꺼번에 처리되는 것을 배칭처리(Batching)라고 한다.
비동기라는 게 promise를 의미하는 건 아님.
3. reset.css
지금까지 썼던 reset.css 대신 styled.reset 패키지 사용을 추천.
계속 썼던 rest.css 코드는 13년 전 거고 syled.reset 패키지는 계속 유지보수 되고 있끼 때문에.
4. CSS
&:hover
& 자기 자신을 가리킴
5. styles-component의 props
styles-component에 전달하는 props는 앞에 $를 붙이자.
안 붙였다고 코드가 실행이 안 되는 건 아닌데, 약간의 오류를 볼 수 있다고 한다. 그리고 관용적인 작성 방법이니까 습관을 들이는 것이 좋다고.
6. Path Parameter
:id
이런 식으로 앞에 콜론이 붙으면 패스 매개변수 (패스 파라미터) 라고 생각하면 됨. Router에서 사용하는 것.
7. useParams()
useParams() 훅을 사용하면 path parameter 조회 가능
