kt ds university flex button click() event 를 사용하여 url로 이동하기

프로젝트 진행동안 마이페이지에 flex button 을 누르면 url로 이동하는 방법 기록

좌 측에 위치한 url로 이동하기 위한 방법!

flex 버튼의 css 속성

html 속성

URL로 페이지를 이동시키는 JavaScript 함수 정의

<설명>
// URL로 페이지를 이동시키는 JavaScript 함수 정의
function redirectToURL(url) {
window.location.href = url;
}
// 비밀번호, 닉네임 수정 버튼 클릭 시, 해당 URL로 페이지 이동
("#myprofile").click(function() { // 사용자 정보 페이지로 이동 redirectToURL(`/memberinfo/view/{sessionScope.LOGIN_USER.email}`);
});

// 내가 쓴 게시글 버튼 클릭 시, 해당 URL로 페이지 이동
$("#mypost").click(function() {
// 'mypost' 페이지로 이동
redirectToURL(/member/mypost);
});

// 정보 수정 버튼 클릭 시, 해당 URL로 페이지 이동
("#modify_info").click(function() { // 사용자 정보 수정 페이지로 이동 redirectToURL(`/member/selectmember/{sessionScope.LOGIN_USER.email}`);
});

// 탈퇴 버튼 클릭 시, 로그아웃 페이지로 이동
$("#quit").click(function() {
// 로그아웃 페이지로 이동
redirectToURL(/member/logout);
});

// 내가 푼 문제 버튼 클릭 시, 해당 URL로 페이지 이동
$("#solve").click(function() {
// 'codingtest/mylist' 페이지로 이동
redirectToURL(/codingtest/mylist);
});