TwentyTwentyOne

화면 만들어보기 #3 fetch 로 데이터 불러와서 뿌려주기 이제 이전에 만들었던 FastAPI 서버와 통신해 데이터를 가져와보자. NextJs 는 13버전 에서 부터 SSG, SSR, ISR의 Data Fetching 을 fetch api 를 통해 사용 할 수 있게 되었다. https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating Data Fetching: Fetching, Caching, and Revalidating | Next.js Learn how to fetch, cache, and revalidate data in your Next.js application. next..

화면 만들어보기 #2 기본 화면 그려보기 이제 처음으로 화면을 그려 보자!!!!! 화면을 직접 구현해 보는건 언제나 많은 고민이 따르는 듯 매우 심플한 레이아웃을 가지고 있다. 이제 각 부분에 한땀한땀 디자인을 넣는것 보다 구글링해서 찾은 이쁜 Tailwind Style 에 컴포넌트를 넣어보자 Search Bar 의 경우 https://tailwindcomponents.com/component/search-bar Search bar | Forms 'Gray outline, navigation, minimal, search, tailwind css' tailwindcomponents.com 를 참고 하였다. 이 코드를 바로 쓰기에는 문법에 다 걸리기 때문에 몇몇 부분을 바꿔주어야 한다. class -> c..