본문 바로가기

useCallback

(2)
[항해99] 항해 플러스 프론트엔드 3주차 과제 후기 (feat. Hooks 구현하기) 벌써 항해 플러스 3주 차 과제가 끝났다.2주 차 과제 후기가 없는 이유는 아파서 제대로 못했기 때문,,그래서 3주 차부터는 다시 힘들게 시작했다! 이번 포스팅부터는 과제를 어떤 식으로 진행했고, 느낀 점이 무엇인지 위주로 작성하려 한다 1. 항해 플러스 3주차 과제 진행3주차 과제는 react hooks을 직접 구현하는 것과 메모이제이션 기법을 사용해 성능최적화를 하는 것이였다.역시나 이 전 주차처럼 막막했지만, 그대로 열정을 가지고 시작해봤다! 1) 과제 스터디1주차 과제를 끝내고 난 후에, 뭔가 너무 급하게 마무리 했다는 생각이 들었다.제대로 뭔가를 얻어갔다기보다는 과제를 하기에 급급했다고 느꼈다.그래서 과제를 접근하는 방법부터 다르게 해야겠다는 생각이 들었다. 그때 마침 과제 스터디를 진행한다고 ..
[React] React Hooks 항해 플러스 과제를 진행하기 전 React Hooks에 대해서 미리 공부하려 한다.이미 알고 있었고 많이 사용해 본 것들이지만, 공부하면서 새롭게 알게 된 사실들도 있어서 포스팅까지 하게 되었다. 특히 아무 생각 없이 사용했던 방식들을 "왜" 이렇게 써야만 하는지 알 수 있었다! 1. React HooksReact 16.8에 도입된 기능으로, 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 기능을 사용할 수 있게 해주는 함수들을 말한다.Hooks을 사용하면 클래스 컴포넌트를 작성하지 않고도 React의 다양한 기능을 활용할 수 있다.   1) 등장배경React Hooks는 클래스 컴포넌트에서 발생하던 여러 문제를 해결하기 위해 등장했다. 컴포넌트 간 상태 로직 재사용의 어려움복잡한 컴..