방명록 작성·표시

Next.js app-router 로 방명록을 만드는 문제입니다. 서버 액션으로 글을 저장하고, /guestbook 목록을 최신 글이 먼저 오도록 보여 줍니다. 데이터는 서버 인메모리 store 에 두며, DB 나 로그인은 없습니다. 글을 올린 직후 그 글이 목록 맨 위에 바로 나타나는 것까지 완성하면 됩니다.

Next.js app-router 에서 목록 페이지는 서버에서 그려지고, 글을 등록하는 일은 서버 액션이 맡습니다. 이 문제는 데이터가 바뀐 뒤 그 변화가 사용자가 보는 목록 화면에 언제·어떻게 이어지는지를 다룹니다. 등록이 됐다는 것만이 아니라, 등록 직후 그 글이 목록에 실제로 보이는지까지 직접 화면과 테스트로 확인하는 습관이 중요합니다.

Next.js app-router 에서 서버 액션은 무엇을 하나요?

폼 제출 같은 동작을 서버에서 처리하는 함수입니다. 이 문제에서는 서버 액션이 방명록 글을 서버 인메모리 store 에 저장합니다.

등록한 글이 곧바로 목록에 나타나는지 어떻게 검증하나요?

npm test 로 서버 액션을 검증하고, npm run dev 로 띄운 /guestbook 에서 글을 올린 직후 목록에 그 글이 최신 순으로 보이는지 직접 확인하세요.

데이터는 어디에 저장되나요?

lib/guestbook-store.ts 의 서버 인메모리 store 에 저장됩니다. 이 store 는 완성돼 있어 고칠 필요가 없고, DB·로그인은 범위 밖입니다.