본문 바로가기

next.js2

3. List 페이지 구현하기 이 글에서는 fetch() 함수와 Router Handler를 이용해 데이터를 가자오는 방법을 알아보겠습니다.[ { "title": "빨래하기", "content": "세탁기에 빨래 넣기", "date": "2024-05-07" }, { "title": "장보기", "content": "과일, 채소, 우유 구매", "date": "2024-05-08" }, { "title": "운동하기", "content": "체육관에서 유산소 운동 30분", "date": "2024-05-10" }] 우선 위 파일을 database.json라는 이름으로 public/database 경로에 만들어 줍니다.다음으로, fetch() 요청을 보내기 위해 Next js.. 2024. 5. 7.
0. 시작하기 아무것도 모르는 상태로 시작해 보는 next js로 웹사이트 만들어 보기 프로젝트입니다.입문자의 시선에서 작성된 글이기에 전문성이 부족할 수 있습니다.초보자도 쉽게 따라할 수 있도록 하는게 이 프로젝트의 목적입니다!Next js를 선택한 이유.프런트엔드 + 백엔드를 혼자 관리해야 하고, 두 분야 전부 처음 해보기 때문에 서버를 따로 구축할 필요가 없는 Next js를 선택하게 되었습니다. 나는 어디까지 알고 있어야 하는가?진짜 기본적인 html / css / javascript 기초만 알고 있다면 따라할 수 있습니다.React에 대한 기본적인 지식이 있다면 더욱 이해하기 쉽습니다.css 대신 tailwindcss를 사용하기에 tailwindcss에 대해 알아보면 좋습니다. Next js 시작하기공식 홈페.. 2024. 5. 6.