시계

[Next.js] 시계, input 텍스트 입력시 구글에서 검색되게 만들기

오늘은 현재 시간을 실시간으로 나타내주는 시계 기능과, 검색창에 텍스트 입력 후 검색 버튼을 누르면 구글 검색창으로 연동되는 기능을 만들었다. 코드가 간단하니 빠르게 가보자. 0. Main ./pages/Main.tsx import Clock from "components/main/Clock"; import GoogleSearch from "components/main/GoogleSearch"; const Main = () => { return ( ); }; export default Main; GoogleSearch 컴포넌트와 Clock 컴포넌트를 Main 페이지에 불러온다. 1. Clock ./components/Clock.tsx import { useState, useEffect } from "re..