디지털·가전제품
로그인 정확히 되게 설계하는 방법??
곧 교회를 설립하시는 목사님과 인연이 닿아
홈페이지를 만들고자 비주얼스튜디오 코드를 뚜닥거리는데
저걸 그대로 입력했더니 로그인 성공 메시지까지는 뜨나, 메인페이지로 안 돌아갑니다.
어디가 잘못되었을까요?
1개의 답변이 있어요!
window.location.href = 'home.html'; 는 현재 HTML 파일과 같은 폴더에 home.html이 있어야 작동합니다. 만약, home.html이 다른 폴더에 있다면 경로를 정확히 지정해야합니다. 예로들면 window.location.href = './pages/home.html'; 말이죠. HTML 코드에 <body>태그가 두번 사용되고 있습니다. 브라우저가 제대로 해석하지 못할 수도 있습니다. <body>는 한번만 사용해야하고, 로그인 폼과 네비게이션을 하나의 <body>안에 넣어야 합니다.
Visual Studio Code에서 HTML 파일을 더블클릭해서 열면 file:// 경로로 실행됩니다. 이방식은 window.location.href가 제대로 작동하지 않을 수 있습니다. Live Server 확장 프로그램을 설치하시고 HTML 파일을 우클릭 - "Open with Live Server"로 실행하시면 됩니다. login.js 파일이 HTML과 같은 폴더에 있어야 하고 HTML에서 <script src = "login.js"></script>가 제대로 연결되어야 합니다. <button>태그에 type="button"을 명시하지 않으면 기본적으로 submit으로 작동해 페이지가 새로고침이 될 수 있습니다. 예시로 HTML : <button id="로그인" type="button">로그인</button>