첫글에 올려두었던 블로거분들의 자료를 기반으로 우선은 메인페이지를 띄어보자는 마음으로
로그인과 회원가입페이지 없이 index.jsp 에서 바로 메인으로 갈수있게 설정해두었다.
사용자 페이지로 이동시에 아래와같이 화면이 나왔다.
기본틀만 참고를할꺼라 jsp에 직접 작성되어있는 글들은 아마 없애고 dto 값으로 받아올것이다.
아무튼 첫 메인화면
틀은 저 형식을 사용하되 배경에있는 어두운 부분을 조금 개선하고싶다.
상단에있는 대문글이나 업데이트 뉴스, 미니룸 부분(구현이힘들경우 저런식으로 사진으로 대체할것같다. 아니면 다른기능을 추가하는식으로..) 전부 값들을 받아올것이다.
다음은 로그인 화면..
템플릿은 이분이 만든것을 참고하였으며, 맘에들어 회원가입jsp는 이분것을 토대로 다시 만들었다.
[HTML/CSS] 초간단 로그인폼 만들기 - LoginForm — 솔하라이프 (tistory.com)
[HTML/CSS] 초간단 로그인폼 만들기 - LoginForm
안녕하세요 오늘은 간단한 로그인 폼을 만들어보도록 하겠습니다 기능적인 부분은 하나도 없이 HTML과 CSS만 사용하였기 때문에 디자인만 참고해보시면 좋을것 같습니다 따로 크기를 정해놓지
homnay.tistory.com
입맛에 맞춰 위와 같이 만들었으며, sign up을 누를경우 회원가입 페이지로 넘어갈수 있게 하였다.
아무입력도 하지않은채로 로그인 버튼을 누를경우 아이디를 입력하라는 문구가 뜰수있게 유효성체크를 하였다.
Sign Up 문구 위에 카카오 로그인 api 버튼을 구현할 예정이다.
따라서 약간의 수정이 있을예정이다. (우선 페이지 띄우는것 까지)
