(Javascript) 인라인 함수 뒤에 return false;를 쓰는 이유 (새로고침 방지)

✅ 요약
1. 목표한 것 : 인라인 함수 실행 후 새로고침되는 현상을 막고싶다
2. 배운 것 : 함수 뒤에 return false; 를 쓰면 함수 실행이 중단 = 새로고침이 방지된다
3. 명심한 것 : 내가 편한대로 쓰지 말고 배운 대로 쓰기~^^

 

 

1. 문제상황 정리

<button onclick="verify();">인증메일 전송</button>​

 

 회원가입 페이지 구현 중 마주한 오류아닌 오류.

원랜 인증메일을 전송한다고 해서 갑자기 페이지가 새로고침되고 입력한 값이 다 날아가는 일은 없지 않나 (없어야만 한다)

그런데 자꾸 onclick 함수를 실행하면 페이지가 새로고침되어 버렸다.

구글링해봐도 보통은 새로고침 시켜주고 싶어하던데 나만 새로고침 안되는 방법은 없나 찾아보고있다.

 

2. 내가 해본 일들

(1) javaScript 함수 정의 단에서 수행코드 끝나고 return / return false 적어주기. > 교정이 안됐다

(2) break로 바꿔 적어주기 > 아예 에러코드가 났다

(3) 온클릭 함수 뒤에 return false; 적어주기

<button onclick="verify(); return false;">인증메일 전송</button>​

어이?없게?도? 이렇게 쓰고 나니까 교정이 됐다.

수업 들을 때 항상 return false를 쓰시던데 왜 쓰는거지? 안써도 함수 실행 되던데? 하고 그냥 넘어갔던 과거의 나를 팬다...

대충 어째서 이렇게 되는 건지는 감이 오는데 설명을 못하겠네. 아무튼 오늘의 고민 해결.