hooks
-
[TIL] Timer 만들기IT 지식 2020. 12. 6. 15:49
이번 프로젝트를 진행하면서 제가 직접 타이머를 만들어야 했습니다. 라이브러리를 쓰지 않고 직접 만들어보려고 하니, 너무 오래 걸리고 쉽지 않았습니다. 지금 현재도 완벽하게는 작동하지 않지만, 그래도 그럭저럭 움직이는 타이머를 만들어보고 나니 저처럼 직접 타이머를 만들어야 하는 분들이 있을 것 같아, 제가 타이머를 만들던 과정을 남겨놓고 코드를 남겨 놓으면 다른 분들에게 도움이 될 것 같아 이번 포스팅을 작성하게 되었습니다. 해당 타이머는 React를 활용해서 만들었습니다. 1. 초기 타이머 맨 처음 만든 타이머는 setTimeOut 함수를 통해 만들었습니다. Date 객체를 활용하여 현재 시각이 매 초 찍히게 만들었고, 시작시간을 state로 기록하여 현재 시각에서 시작 시간을 빼주는 방식으로 로직을 생..
-
[what is?] react hooks 가 뭔가요?IT 지식 2020. 11. 8. 18:25
저번 프로젝트까지는 react개발을 class 형 컴포넌트로 작성했었습니다. 그리고 이번 프로젝트에서는 함수형 컴포넌트로 작성하게 되었는데요, 이 함수형 컴포넌트를 작성하면서 꼭 필요한 기능인 react hooks에 대해 알아보는 시간을 가져보도록 하겠습니다. 1. react hooks? react hooks는 react v16.8 버전에 도입된 새로운 기능입니다. 함수형 컴포넌트에서도 상태관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공함으로써 기존의 함수형 컴포넌트에서는 할 수 없던 다양한 기능들을 제공하고 있습니다. 이 말을 들었을 때 '그렇다면 그 전에는 이런 기능이 없었던 말이야?' 라는 생각이 드실 수도 있습니다. 그리고 그 생각은 정확하다고..