╱╱╭╮╱╱╱╱╱╱╭━━━╮╱╱╱╭╮╱╭╮╱╱╱╱╱╱ ╱╱┃┃╱╱╱╱╱╱┃╭━╮┃╱╱╱┃┃╱┃┃╱╱╱╱╱╱ ╱╱┃┣━━┳━━╮┃┃╱┃┣━╮╱┃╰━╯┣━━┳━╮╱ ╭╮┃┃╭╮┃┃━┫┃╰━╯┃╭╮╮┃╭━╮┃╭╮┃╭╮╮ ┃╰╯┃╭╮┃┃━┫┃╭━╮┃┃┃┃┃┃╱┃┃╭╮┃┃┃┃ ╰━━┻╯╰┻━━╯╰╯╱╰┻╯╰╯╰╯╱╰┻╯╰┻╯╰╯

Java/Jsp Servlet

[JSP Servlet] 로그인 및 회원가입 구현

재안안 2022. 7. 6. 01:14

첫번째 프로젝트로 todolist를 만들어보기로 했다.

 

잘만들지는 못했지만 혼자서 다 만들었다.

삽질도 많이 했고 고생도 많았지만 결국 이 프로젝트 덕분에 많이 배우고 있다고 생각한다.

아직 구현하지 못한 기능들이 많지만 그래도 구현한 부분들에 대해 먼저 알아보겠다.

 

구글, 유튜브 등 많은 소스들을 참고하며 공부하였다.

 

Index 페이지부터 보겠다.

Index 페이지로 들어오면 바로 sign in / sign up form이 뜨기 때문이다.

 

Index view

 

이미지 출저는 여기이다.  https://ls.graphics/illustrations

 

Illustrations for your next project

Bright and colorful illustrations. Regularly updates and new illustrations  for your user interfaces and other projects

www.ls.graphics

 

Index

Jsp를 사용해 view를 만들었다.

코드만 보면 파일을 HTML로 바꾸어도 문제는 없다.

별다른 Jsp 라이브러리를 사용하지 않았기 때문이다.

 

그리고 Javascript는 꾸미는데만 사용했다.

서버의 기능들은  자바 소스로 구현하고 싶었기 때문이다. 

 

해당 코드에서 중요한 것은 form 태그의 action에서 요청 url을 입력하고 요청의 타입을 method에 넣어줬다는 것이다.

input의 name 속성은 나중에 request객체의 getParameter()를 사용할 때 key값으로 사용된다.

 

회원가입이 완료되면 Index 페이지로 redirect된다.

그럼 바로 로그인을 할 수 있다.

 

js에 별다른 기능적인 코드는 작성하지 않았고 (Ajax)

그냥 페이지를 움직이게하는 기능들만 구현했다.

style은 왠만하면 다 css를 사용했다.

 

다른 기능들도 이미 더 만들어져있으니 만약 궁금하다면 아래의 링크에서 확인해보면 좋겠다.

 

https://github.com/JaeanHan/login_todo_service

 

GitHub - JaeanHan/login_todo_service

Contribute to JaeanHan/login_todo_service development by creating an account on GitHub.

github.com

 

 

 

 

 

'Java > Jsp Servlet' 카테고리의 다른 글

[JSP Servlet] JSP Servlet 개념 및 사용 (MVC)  (0) 2022.06.25