nextjs14

개인적인 필요로 인해서 만들기 시작했던 타임 트래킹 웹. 독서하는 시간을 만들어보고 측정해보겠다고 시작한 것이였는데 지난 달 기록과 현재의 기록 비교 / 또는 목표 시간을 정해두고 현재 얼마나 이뤘는지 체크하는 부분까지 더 해보고 싶어졌다. 그 표현을 progressbar로 하면 직관적일 것 같다고 생각했고, nextui를 사용해서 간단하게 적용해보기로 했다.    👇🏻 NextUI 공식문서 https://nextui.org/ NextUI - Beautiful, fast and modern React UI LibraryBeautiful, fast and modern React UI Librarynextui.org nextui를 적용하기 위해서는 공식문서를 보면 굉장히 빠르게 해결할 수 있다. 굉장히 ..

API Routes API Routes는 API를 호출할 수 있는 Endpoint를 생성해주는데, 쉽게 말해보자면 Next.js의 파일 기반으로 API를 만들 수 있게해준다. 그러니깐 다른 백엔드 프레임워크 필요없이, 따로 api를 만들어서 사용하지 않아도 DB 연결까지 할 수 있고, 데이터 전송이 가능하다는 말이다. Routing과 마찬가지로 파일기반으로 이루어지는데 Nextjs14의 경우는 pages가 아닌 app 폴더에 파일을 생성하고(14버젼 이전은 pages/api), 함수를 작성하면 된다. API Routes는 Serverless function으로 이루어져있다. Serverless Function의 컨셉은 요청(이벤트)이 들어올 때마다 지정된 함수를 실행시켜 원하는 API를 클라이언트에게 전..