[Error] JS 처음 로딩 적용 안됨

Error 사항

• SpringBoot에서 Mybatis를 활용하여 회원가입, 로그인 로직을 구현하면서 JSP를 사용하였다
• 저장된 정보로 로그인을 진행할경우, 정보가 있거나 없다면 alert로 모두 표시되도록 구현하고자 하였다
• 하지만, 처음 로딩에서 alert가 뜨지않고 그 어느것도 적용하지 못한채 새로고침 화면마냥 사라지는 문제가 발생했다

해결

• 여기서 form 안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고 싶다면 아래의 코드를 추가해야한다

event.preventDefault()

https://programming119.tistory.com/100

[JS] event.preventDefault() 간단 설명 😊/ preventDefault란?

해당 블로그를 참고하였으며, 쉽게 말해서 창이 새로고침하는 것을 방지하는 것이다

 

document.querySelectorAll('.quick-link').forEach(link => {
    link.onclick = function (event) {
        event.preventDefault(); // 기본 동작 막기

        const request = new XMLHttpRequest();

 

나는 이런식으로 추가하여 진행하였다

 

JS는 Java API 개발과 다르게 오류메시지가 뜨지 않지만 오류이거나 원하는데로 동작하지 않고 오타도 쉽게 볼 수 없어서 Java보다 사용하기가 어려운 것 같다

더 많은 코드를 통해 오류를 해결하는 연습이 필요하다