[Next.JS 14] Hook으로 현재 시계 만들기(Hook이란?, useState, useEffect)

Next.js 3탄! 오늘은 next.js의 Hook을 통해 현재 시간을 알려주는 "시계"를 만들어 보자!

완성 모습 ### 오늘은 현재 시계를 만들어 봅니다. ### 오늘은 next.js의 Hook을 사용합니다. ### 오늘은 useState, useEffect를 사용합니다. 1. Hook이란?

본격적으로 코드를 살펴 보기 전, 이런 생각이 들수 있다. ???: 아니 저기 그런데요.

Hook이 도대체 뭔가요 제가 아는 훅은 권투의 훅... 권투의 훅?...

퍽! Hook이란 개념은 처음 next.js를 시작하는 사람들에게는 생소한 개념일 것이다.

처음 이 개념은 React에서 등장한 개념이다.(React는 사용자 인터페이스 구축을 위한 라이브러리이다.

쉽게 설명해서, 리엑트 위에 Next.js가 구축되어 있다고 생각하면 쉽다.) 아직도 많이 쓰이는 React 이 React는 코드의 재사용을 위한 목적으로 컴포넌트(Component)를 사용하는데, 이 컴포넌트에는 1.함수형 컴포넌트와...