1. 폴더 및 패키지 정리
이전 시간에는 스프링 프로젝트 생성까지 하였고, 톰캣서버 연결을 통해 연결이 잘 된걸 확인하였다.
이번엔 패키지, 폴더, JSP 구성까지 하겠다.
- 폴더 생성
lotto 패키지 하위 폴더로 controller, service, dao, model 폴더를 만들어 준다.
- Controller 생성
controller 폴더에 BoardController.java 를 생성해준다.
차후 프로젝트 화면별로 많이 분기가 되었을 때 클래스명 변경을 고려해봐야겠다.
일단 무난한 Board 의 이름으로 생성!
"board" 의 url 로 호출 했을 시 처리하기 위하여 기본 코딩을 구성한다.
- View 생성
view 하위폴더에 마찬가지로 lotto 폴더를 생성 후 board.jsp 를 생성한다.
그리고 localhost:8080/board 로 접속 후 연동이 잘되었는지 확인한다.
연동이 잘 되었다. 이제 간략히 HTML 기본 기능으로 뭘 좀 추가해보자!
비에실까라는 뜻은 내 블로그 이름에서 따온것이다!
비전공자에서 실리콘밸리까지
- JSP 수정
아무 것도 없는 것 보단 일단 머릿속에 그려지는 대로 넣어보았다.
Hello, World! 와 비교했을 때 전혀 어색하지 않을 타이틀과...
남자라면 어디서 많이본 멘트..
그리고 구매 횟수를 정하고 번호 뽑기를 누르면 내 정보가 빠져나갈 것 같은 피싱사이트 느낌이 물씬 나는 메인화면...
완벽하다!!!!

이정도로 허접하게 만들고 나서 부트스트랩, UI관련 무료 플랫폼 등
여러가지 오픈소스를 참조하여 꾸며나갈 생각에 너무 설랜다!!
오늘은 여기까지 하고 짧게 자주 포스팅하도록 해야겠다..
다음 챕터에선 번호뽑기 버튼을 눌렀을 때 DB연결 까지 하여 쿼리로 번호를 추출하여 보여지는 로직까지 만들겠다.
현재 저 누가봐도 의심스러운 버튼을 눌러보면!
DB연결은 다음 챕터에서!!

'Programming > Spring' 카테고리의 다른 글
스프링으로 웹페이지 만들기 - 6. 카카오오븐 사용하여 UI UX 정의하기 (0) | 2022.02.07 |
---|---|
스프링으로 웹페이지 만들기 - 5. 부트스트랩 무료템플릿 사용하기 (0) | 2022.02.07 |
스프링으로 웹페이지 만들기 - 4. 데이터 주고 받기 (0) | 2022.01.25 |
스프링으로 웹페이지 만들기 - 3. DB연동 (0) | 2022.01.25 |
스프링으로 웹페이지 만들기 - 1. Spring MVC Project 생성 (0) | 2021.12.20 |