서버 액션을 트리거하는 방법
안녕하세요.
지금까지 서버 액션을 트리거 하실때 form 태그를 이용해서, 제출형식으로 트리거 하셨는데, next 에서 서버 액션을 트리거 할때 단순한 작업이라면 form태그가 아닌 버튼형식으로 하는것도 괜찮은지 궁금해서 여쭤봅니다. 버튼으로 하는것도 가능은 하지만 권장되지 않는 방식인것인가요?
이를테면 각각의 북페이지에 유저가 좋아요와 싫어요를 누를 수 있는 기능이 있다고 가정했을때, 좋아요와 싫어요는 단순한 기능이라고 생각이 되는데, 이런 경우에는 버튼으로 서버 액션을 트리거하는 방법도 괜찮은것인지 궁금합니다!.
감사합니다.
답변 1
0
안녕하세요 이정환입니다.
버튼 방식을 사용하셔도 됩니다! 기능 자체에는 전혀 문제는 없어요! 그러나 Form의 Submit 이벤트를 활용하는 방향으로 작업하시면 하이드레이션 이전에도 서버액션을 트리거링 할 수 있다는 차이점이 있습니다.
구체적으로 말씀드리자면 Button의 onClick과 달리 Form 태그의 제출 이벤트는 HTML 고유의 기능이므로 하이드레이션 이전에도 실행 자체는 가능합니다! 따라서 요런 차이점을 인식하고 사용하시면 문제 없을 것 같습니다.
버셀로 서버 배포 후 접속 시 500 에러 발생
0
62
2
컴포넌트와 레이아웃
0
53
2
@/styles/globals.css'
0
50
2
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
70
2
next.js 프로젝트
0
68
1
Next.js + Tanstack Query BFF 구조 질문
1
82
2
Next.js 사전렌더링 이해하기 부분
0
84
2
모달 관련 질문
0
87
3
렌더링 관련 질문
0
108
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
96
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
95
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
106
2
npx prisma db push 시 에러가 뜹니다.
0
130
3
vercel 배포를 실패하였습니다.
0
149
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
93
2
getServerSideProps 함수와 SSR의 관계
0
118
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
93
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
144
2
일반적인 nextjs project architecture에 대하여..
0
120
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
101
2
배포 시 오류 발생
0
111
2
백엔드 서버 오류납니다.
0
107
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
116
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
129
1