유가엘
개발일지
유가엘
전체 방문자
오늘
어제
  • 분류 전체보기 (107)
    • Solution (16)
      • EAI (11)
      • Concept (1)
      • webMethods (4)
    • Language (20)
      • Java (20)
    • DataBase (19)
      • Oracle (18)
    • Web Programming (38)
      • JSP (11)
      • Spring (10)
      • Project (17)
    • 협업도구 (8)
      • Git (8)
    • IT (6)
      • ETC (4)
      • 정보처리기사 (1)
      • Android (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

티스토리

hELLO · Designed By 정상우.
유가엘

개발일지

6. Spring 로그인 만들기를 통한 기능 엿보기
Web Programming/Spring

6. Spring 로그인 만들기를 통한 기능 엿보기

2020. 4. 5. 20:08

lesson06_Spring_Login.zip
0.02MB

정상적으로 스프링 프로젝트가 실행되는것이 확인 되었다면, 간단한 로그인기능을 만들어 보려고 합니다.

 

1. 한글처리

처음 프로젝트를 실행하면 Hello World 와 함께 날짜가 깨져서 나오는 것을 확인 할 수 있습니다.

   이를 해결하기 위해 기존에 web.xml 파일을 수정해주어야 합니다.

위와같이 web.xml 안에 인코딩 필터를 선언하면 깨지지 않고 정상적으로 출력되는 것을 확인 할 수 있습니다.

2. index.jsp 추가

Spring 프로젝트를 처음 생성하게 되면 views 폴더 안에 있는 home.jsp가 실행됩니다. 

일반적으로 웹 사이트 생성 시, index.jsp 혹은 index.html 이 실행하도록 약속되어 있습니다.

 

프로그램 실행 시 첫 페이지로 만들기 위해 web.xml에 아래와 같은 내용을 추가해야 합니다.

위와 같이 설정 후 실행하면 정상적으로 index.jsp가 출력되는 것을 확인 할 수 있습니다.

3. JavaScript를 통한 페이지 이동

index.jsp는 사용자가 접근하는 첫 관문으로 약속 되어 있어 화면을 보여줄 수 있는 View 페이지로 연결합니다.

location.replace('/login/portal');은 HandlerMapping을 통해 컨트롤러 내 @RequestMapping을 찾습니다.

이후 내부 로직을 실행 후, View 페이지로 되돌려 줍니다.

4. 메인 화면을 보여줄 View 생성

앞으로 작업할 회원가입과 로그인 페이지를 위해 하이퍼링크를 만드는 <a>태그를 사용합니다.

5. 회원가입과 로그인 View 생성

메인 페이지와 같이 Controller , View 페이지를 작업해 줍니다.


저작자표시 비영리 변경금지 (새창열림)

'Web Programming > Spring' 카테고리의 다른 글

8. Spring 로그인 만들기를 통한 기능 엿보기  (0) 2020.04.07
7. Spring 로그인 만들기를 통한 기능 엿보기  (0) 2020.04.07
5. Spring 프로젝트의 구조 분석  (0) 2020.04.04
4. Spring 웹 프로그래밍 설계 모델  (0) 2020.04.03
3. Spring 어노테이션 Autowired, Resource, Inject  (0) 2020.03.31
    'Web Programming/Spring' 카테고리의 다른 글
    • 8. Spring 로그인 만들기를 통한 기능 엿보기
    • 7. Spring 로그인 만들기를 통한 기능 엿보기
    • 5. Spring 프로젝트의 구조 분석
    • 4. Spring 웹 프로그래밍 설계 모델
    유가엘
    유가엘

    티스토리툴바