JavaScript2 Spring Boot 회원정보 출력 (3) 비동기 통신 Ajax 스프링 부트 서버에서 회원 정보의 값을 이런식으로 리턴하도록 설정했다. 자세히보면 team부분은 한명의 사용자가 여러 개의 팀을 가질 수 있어서 배열로 만들어서 리턴해준 것이다. 그래서 저 팀 부분을 View단의 화면에 여러개를 띄워야 한다. - myPage.html 내 정보 아아디 : 이름 : 이메일 : 생일 : 닉네임 : 성별 : 전화번호 : 내가 속한 팀 목록 //수정된 부분 을 설명하자면 우선 리턴받은 team을 for문을 돌린다. team의 배열을 하나씩 찾아가며 team안의 객체 title값을 하나씩 뽑아서 view단에 출력해준다 - 결과 2022. 9. 17. Spring Boot 회원정보 출력 (1) 비동기 통신 Ajax - index.html TeamUP! 게시판 SNS 로그인 일반 로그인 회원가입 인덱스 페이지에서 로그인 상태라면 html 의 id 태그 "login/mypage"부분과 "join/logout"부분이 ajax의 done부분으로 인해 바뀌게 된다 저게 가능한 이유는 인덱스 페이지를 읽을 때 ajax요청으로 서버에서 현재 로그인 된 사용자의 아이디 값을 찾아온다. 이 때 ajax의 dataType부분이 json이므로 json 으로 응답이 오지 않거나 done부분의 if문을 만족하지 않을 때는 실행하지 않고 그대로 밑의 html들을 읽는다. - 비로그인 상태 만약 회원이 로그인을 한 상태라면 이런식으로 렌더링이 된다. 여기서 마이페이지로 이동하게 되면 위 코드에 의해서 이런식으로 회원 아이디가 출력이 된다 -.. 2022. 9. 15. 이전 1 다음
