Spring 실습
학원에서 Spring boot 수업한지 시간이 좀 지나서 배운 것들로 대충 만들어봤다.
MBTI 검사하는 거 만들었는데,
혼자 공부하려고 만드는데 내용 하나하나 다 채우는 건 좀 아닌 거 같아서 형태만 갖추게 했다.
화면 구성은 대충 이렇다
1. 메인 홈 화면
2. 홈 화면 위에 테스트하기 눌렀을 때
여기서 한 줄 마다 각 input 태그의 값이 다른데,
이 값에 따라서 구석에 있는 제출하기 버튼을 눌렀을 때 제출되는 값이 다르다.
그 값을 service 부분에서 판별해서,
html에 thymeleaf를 사용해서 다음 화면에 뜨는 문구가 달라지게 만들었다.
2-2 위 화면에서 제출하기 버튼 눌렀을 때
3. 홈 화면에서 MBTI 궁합 눌렀을 때
3 - 1. MBTI를 적고 제출하기 눌렀을 때
내 MBTI와 잘 맞는 다른 MBTI가 나오게 하는 건데,
지금은 실험용으로 만든거라 내가 적은 MBTI가 똑같이 나오게 만들었다.
제출하기를 눌렀을 때 html을 새로 만들어서 그것과 연결되게 해줘도 되지만,
귀찮아질 거 같아서 이 부분은 xhr로 처리했다.
4. 홈 화면에서 유형 확인 버튼 눌렀을 때
이렇게 모든 MBTI가 다 나와있는데,
딱히 꾸미진 않아서 그냥 이렇게 되어있다.
이건 만들면서 생긴 문제?들과 개선점을 모아서 적어놓은 것이다.
공부했는데도 까먹은 것들이 있어서 스스로에게 좀 실망한 부분도 있지만,
차츰 개선해나가야겠다.
그리고 지금 코드 상으론 안보이지만 검사하는 곳에서 만약 선택지가 늘어난다면,
각 버튼에 대해 S3 이런 식으로 알파벳과 값을 함께 출력해서,
N인지 S인지 에 대한 판단은 N3, S2처럼 판단해야 하는 성향의 알파벳이 붙어있는 값들을 서로 계산해서,
N이 붙어있는 값을 전부 더했을 때 2,
S가 붙어있는 값을 전부 더했을 때 4라면,
4 / (2 + 4) * 100을 통해 = 67%의 S성향입니다.
뭐 이런식으로 처리할 생각이었다.
근데 얼추 형태가 다 짜여진 거 같아서,
선택지 몇개 추가하고,
간단한 로직 몇개 추가한다고 딱히 크게 달라지는 건 없다고 생각해서 굳이 만들지는 않았다.
그리고 사실 이렇게만 만들거면 굳이 DB랑 연결시켜서 만들 필요는 없는데,
그냥 배운거 써먹어보고 싶어서 한 번 연결시켜봤다.