개발자

html form태그에서 action속성 오류

2023년 09월 26일조회 101

html 중에서 <form aciton="/signup" method ="POST">이 부분엔서 /signup부분에 하이퍼링크처럼 줄이 생기고 페이지를 로드했을 때 404오류가 뜨는데 혹시 어떤 부분이 잘못되서 그런지 알 수 있을까요..? 그리고 언더바가 생기는 이유도 알고 싶습니다! 구글링을 해도 제가 원하는 답이 없어서 조언 부탁드립니다 ㅜㅜ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <form action="/signup" method="POST"> <div> <label for="id">아이디</label> <input type="text" id="id" name="id" /> </div> <div> <label for="password">패스워드</label> <input type="text" id="password" name="password" /> </div> <div> <button type="submit">회원가입하기</button> </div> </form> </body> </html>

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

프레드윰님의 프로필 사진

html 엘리먼트로 봤을때는 크게 문제는 있지 않고 백엔드단에서 봐야될것 같아요 /signup 라우터라던지 컨트롤러에서 에러 로그 확인 해야될것 같아요

윪님의 프로필 사진

작성자

아직 경력없음. 백엔드 개발자가 되고싶음2023년 09월 27일

감사합니다..! 제가 주소를 잘못입력해서 계속 안떴던거였네요... ㅜㅜ

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2023년 09월 26일

현재 코드에서 문제의 원인을 보는데 어려움이 있지만, 일반적으로 form 태그의 action 속성에서 404 에러가 발생하는 것은 서버상에 "/signup"이라는 경로를 처리해주는 라우터가 없을 때 발생하는 현상입니다. 즉, 클라이언트 측에서 "/signup"으로 POST 요청을 보내면서, 서버 측에서 이에 대한 처리 로직이 없어 404 Not Found 에러가 발생하게 됩니다. 이를 해결하려면 해당 경로를 처리할 수 있는 서버 사이드 라우트 핸들러를 설정해주어야 합니다. 언더바('_')가 추가되는 문제에 대해서는 정확한 원인 파악이 어렵습니다. 일반적으로 URL에서 언더바가 앞에 붙는 경우는 특수한 경우로서, 주어진 코드만으로는 이유를 알기 어렵습니다. 다만 코드 상 오타나 잘못된 구문 사용등 기본적인 문제점은 없어보입니다. 브라우저나 개발 환경, 추가적인 스크립트 등 다른 외부 요인이 작용하는 것일 수 있으며, 개발자 도구의 Network 탭에서 HTTP 요청 세부 내역을 확인해보시거나 콘솔 에러 메시지 등을 자세히 확인해 보시는 것을 추천드립니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!