[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 31회차 미션 - 30강 LifeCycle 메서드
LifeCycle 메서드
Recent Posts
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 30회차 미션 - 30강 class형 컴포넌트
class형 컴포넌트 classs는 컴포넌트를 선언하는 또다른 방식이다. 요즘은 잘 사용하지 않는다. 함수형 컴포넌트랑 훅으로는 할 수 없는 작업이 두개정도 있긴 하다. class컴포넌트는 꼭 필요할때만 쓰는게 맞다. 옛날에 코드를 유지보수할 때 사용할 수도 있기때문에 알아보도록 ...
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 29회차 미션 - 30강 Immer
Immer 한 객체에 값을 직접 수정하는 코드는 불변성을 깨트리는 행위다. 그래서 이전에 ‘…‘이렇게 스프레드 형식으로 값을 옮겨쓰며 새로운 상태를 만들어줬었다. 배열도 마찬가지로 concat이나 filter를 사용하여 새로운 배열을 만들어서 수정을 해줬다. 하지만 만약에 상태가 ...
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 28회차 미션 - 30강 Custom Hook, context API
Custom Hook 컴포넌트를 만들다보면 반복적인 로직들이 발견된다. 예를들어 아래와 같이 인풋을 관리하는 코드는 꽤나 자주 발생하는 코드다. 이런 경우 우리는 Custom Hook을 만들어 사용할 수 있다. 그럼 직접 만들어보자. useInputs.js라는 커스텀 훅 파일을...