인프런 커뮤니티 질문&답변

gjgusqls123님의 프로필 이미지
gjgusqls123

작성한 질문수

한 입 크기로 잘라먹는 Next.js(v15)

7.7) 리뷰 삭제 기능 구현하기

서버 액션을 트리거하는 방법

해결된 질문

작성

·

24

0

안녕하세요.

지금까지 서버 액션을 트리거 하실때 form 태그를 이용해서, 제출형식으로 트리거 하셨는데, next 에서 서버 액션을 트리거 할때 단순한 작업이라면 form태그가 아닌 버튼형식으로 하는것도 괜찮은지 궁금해서 여쭤봅니다. 버튼으로 하는것도 가능은 하지만 권장되지 않는 방식인것인가요?

이를테면 각각의 북페이지에 유저가 좋아요와 싫어요를 누를 수 있는 기능이 있다고 가정했을때, 좋아요와 싫어요는 단순한 기능이라고 생각이 되는데, 이런 경우에는 버튼으로 서버 액션을 트리거하는 방법도 괜찮은것인지 궁금합니다!.

 

감사합니다.

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

버튼 방식을 사용하셔도 됩니다! 기능 자체에는 전혀 문제는 없어요! 그러나 Form의 Submit 이벤트를 활용하는 방향으로 작업하시면 하이드레이션 이전에도 서버액션을 트리거링 할 수 있다는 차이점이 있습니다.

구체적으로 말씀드리자면 Button의 onClick과 달리 Form 태그의 제출 이벤트는 HTML 고유의 기능이므로 하이드레이션 이전에도 실행 자체는 가능합니다! 따라서 요런 차이점을 인식하고 사용하시면 문제 없을 것 같습니다.

gjgusqls123님의 프로필 이미지
gjgusqls123

작성한 질문수

질문하기