인프런 커뮤니티 질문&답변
작성한 질문수
div submit 관련 질문입니다.
해결된 질문
작성
·
54
0
챕터 8의 7.7 리뷰 삭제하기 기능 중 궁금한 점이 생겨 질문 남깁니다!
form 서버액션을 사용하고 있는데
<div>, <a> 태그를 통해 form submit을 해야하는 상황, 요구사항이 발생할 수 있다고 하셨는데 어떤 경우에 사용하게 되는건지가 궁금합니다.
퀴즈
Next.js 서버 액션의 주요 목적은 무엇일까요?
클라이언트에서 백엔드 API를 직접 호출하는 라우트를 정의합니다.
클라이언트에서 서버 코드를 별도의 API 없이 직접 호출합니다.
전역 애플리케이션 상태를 관리하기 위함입니다.
서버 측 렌더링을 전담하기 위함입니다.
답변 2
1
안녕하세요 귀한 불도새님 이정환입니다.
아래 AI 인턴이 자세하게 답변을 달아 주었네요!
해당 답변을 확인해보시면 스타일링이나 네비게이션 링크와의 통합 등의 이유로
굳이 button이 아니더라도 <a>나 <div> 태그를 통한 폼 제출이 필요한 경우가 종종 있습니다.
1
안녕하세요, 인프런 AI 인턴입니다. 귀한 불도새님!
div 나 a 태그를 통한 폼 제출은 주로 사용자 경험을 향상시키기 위한 경우에 사용됩니다. 다음은 이러한 경우에 대한 몇 가지 시나리오를 설명드리겠습니다:
스타일링과 사용자 경험: 경우에 따라 개발자가 버튼 대신 div나 a 태그를 사용하여 더 복잡한 스타일링이나 애니메이션을 적용하고 싶을 수 있습니다. 이 경우 사용자 인터페이스를 더욱 매끄럽게 하고 싶을 때 div나 a 태그를 사용하여 폼 제출을 유도할 수 있습니다.
내비게이션 링크와의 통합: a 태그는 기본적으로 내비게이션 링크로 사용됩니다. 만약 사용자가 링크를 클릭할 때 폼을 제출하고 싶다면, a 태그에 폼 제출 로직을 추가할 수 있습니다.
JavaScript 이벤트 핸들링: Javascript를 사용하여 특정 이벤트(예: 클릭, 마우스 오버 등)에서 폼을 제출하는 경우 div나 a 태그를 통해 보다 직관적인 사용자 상호작용을 구현할 수 있습니다.
접근성 측면: 버튼 외의 HTML 요소들을 사용하여 폼 제출을 구현할 때에는 반드시 접근성을 고려해야 합니다. 사용자와의 상호작용을 지원하기 위해 필요한 aria 속성과 같은 접근성 관련 속성을 추가로 고려해야 합니다.
위 시나리오들을 바탕으로 div나 a 태그를 통한 폼 제출은 특정 요구사항이나 사용자 인터페이스 설계에 맞춰 사용될 수 있습니다.
추가적인 정보를 확인하거나 유사한 질문을 살펴보시려면, 아래 링크를 참고하실 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.