강아지를 키우는 사람들은 의료 정보와 애견 동반 가능한 장소에 대한 정보 접근이 어려운 경우가 많습니다. 이러한 문제를 해결하기 위해 강아지 병원 정보, 애견 동반 가능한 휴가 장소 추천, 그리고 내 강아지를 자랑할 수 있는 커뮤니티 기능을 제공하는 웹사이트를 기획하게 되었습니다.
의의
지금은 586만 마리의 강아지와 함께 하는 시대!
국민은행 경영연구소가 발표한 2023 한국 반려동물 보고서에 따르면,
현재 대한민국에는 582만 마리 이상의 강아지가 살고 있습니다.
가족처럼 소중한 반려동물과 건강하고 오래 살고자 하는 반려가구가 늘어나면서,
다양한 건강 관리 정보에 대한 필요성도 증가하고 있습니다.
이 웹사이트는 이러한 반려가구가 보다 성숙한 반려견 양육 문화를 형성하는 데 기여하고자 합니다.
package com.dino.root;
import java.text.DateFormat;
import java.util.Date;
import java.util.Locale;
import javax.servlet.http.HttpServletRequest;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
/**
* Handles requests for the application home page.
*/
@Controller
public class RootController {
private static final Logger logger = LoggerFactory.getLogger(RootController.class);
/**
* Simply selects the home view to render by returning its name.
*/
@RequestMapping(value = "/", method = RequestMethod.GET)
public String home(Locale locale, Model model) {
logger.info("Welcome home! The client locale is {}.", locale);
Date date = new Date();
DateFormat dateFormat = DateFormat.getDateTimeInstance(DateFormat.LONG, DateFormat.LONG, locale);
String formattedDate = dateFormat.format(date);
model.addAttribute("serverTime", formattedDate );
return "home";
}
@RequestMapping(value = "signup", method = RequestMethod.GET)
public String signup() {
System.out.println("signup");
return "signup";
}
@RequestMapping(value = "signup", method = RequestMethod.POST)
public String signup2(HttpServletRequest req) {
System.out.println("signup 회원가입 정보를 저장");
System.out.println(req.getParameter("aaa"));
return "home";
}
}
homecontroller 에서 수정된 RootController.java
package com.dino.root;
import javax.servlet.http.HttpServletRequest;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class RootController {
private static final Logger logger = LoggerFactory.getLogger(RootController.class);
// 메인 페이지 이동
@RequestMapping(value = "/", method = RequestMethod.GET)
public String home() {
logger.info("Welcome to the home page!");
return "home";
}
// 로그인 페이지 이동
@RequestMapping(value = "/login", method = RequestMethod.GET)
public String login() {
return "login";
}
// 로그인 요청 처리
@RequestMapping(value = "/login", method = RequestMethod.POST)
public String loginPost(@RequestParam("userid") String userid,
@RequestParam("password") String password,
HttpServletRequest req) {
// 아이디와 비밀번호 확인 (예제로 확인용)
if ("user".equals(userid) && "password".equals(password)) {
return "redirect:/game";
} else {
return "login";
}
}
// 회원가입 페이지 이동
@RequestMapping(value = "/signup", method = RequestMethod.GET)
public String signup() {
return "signup";
}
// 회원가입 요청 처리
@RequestMapping(value = "/signup", method = RequestMethod.POST)
public String signupPost(HttpServletRequest req) {
// 회원가입 처리 로직 (여기서는 예제로 간단하게 출력만 함)
String userid = req.getParameter("userid");
String password = req.getParameter("password");
logger.info("회원가입한 회원 이름: {} 비밀번호: {}", userid, password);
// 회원가입 후 바로 로그인 처리
if ("user".equals(userid) && "password".equals(password)) {
return "redirect:/game";
} else {
return "login";
}
}
// 랭킹 페이지 이동
@RequestMapping(value = "/ranking", method = RequestMethod.GET)
public String ranking() {
return "ranking";
}
// 게임 페이지 이동 (로그인 성공 후)
@RequestMapping(value = "/game", method = RequestMethod.GET)
public String game() {
return "game";
}
}
private static final Logger logger = LoggerFactory.getLogger(RootController.class);
logger.info → syso 는 단순 문자열출력으로 확인만 했다면 log 가 더 자세하게 오류 원인을 알려준다고 해서 사용해보았다. (프로젝트 만들면 기본으로 homecontroller에 샘플코드로 찍히는데 log 관련된 것 같길래 구글링해보니 이렇게 사용하면 된다고 해서 사용해본 것)
미니프로젝트였지만 스프링을 다 이해하고 돌입하게 아니어서 파일구조부터 컨트롤러 구성까지 시행착오가 많았고, 시행착오가 많았던 만큼 스프링에 대해 공부도 많이 됐던 프로젝트다. 사실 여전히 깃은 잘 모르겠지만.. 모르는 만큼 본격적인 프로젝트에 들어가기 전 공부를 해야겠다고 다짐한다! ㅠ
또, 앞으로는 얼마 남지 않은 기간이지만 날마다 그날 작성한 코드들을 압축해 관리하는 습관을 들여야할것 같다.
그렇게 해놓지 않으니 스프링 JDBC 방식이 뭐였는지 mybatis가 뭐였는지 구별이 안된다. 둘을 제대로 알고 넘어간게 아니라 하날 공부하는 와중에 다른 걸 또 배우니 머리 속에서 정리가 안되는 거다. 그래도 시험을 보며 잘 정리할 기회를 얻어서 다행.. 블로그에도 두 방식을 나눠 정리를 잘 해둬야겠다.
이런저런 팀원들의 사정으로 내가 거의 다 해냈던 프로젝트인데 그래서인지 애정이 정말 크다.
내가 만든 프로젝트라고 자신있게 말할 수 있을 것 같다. 아주 작은 규모라도 끝을 냈다는 것에 의의를 두고 자신감을 가져야겠다. 회고는 이쯤에서 끝내고 3~4일 가량이었지만 고생했던 프로젝트를 끝냄 기념으로 기록해보려 한다.
프로젝트 주제 : 공룡게임을 할 수 있는 사이트
간단한 조작을 통해 누구나 공룡게임을 즐길 수 있고, 회원가입을 하면 본인의 랭킹을 확인할 수 있습니다.
기간 ) 0801 ~ 0804
팀원 ) 강유나, ____, ____
역할 )
강유나 : 컨트롤러 구현, 회원가입 DAO, VO, Service 기능 구현, jsp파일 css, html, javascript 공룡 게임 구현, 파일 정의서, 화면 정의서 작성
____ : jsp파일 css, html 디자인, 공룡 게임 수정, 팀원에게 깃 사용법 전파
____ : 랭킹 페이지 구현
☄️ 구현할 페이지 : 게임을 할 수 있는 메인화면, 로그인, 회원가입, 랭킹 확인
패키지/ 자바 파일 정의서
shoppingmall 폴더에서 작업 ) -> 초기에는 shoppingmall 이름으로 프로젝트를 모든 조가 일괄적으로 만들었기 때문에 이름이 이렇다.
src > main > wabapp 에는 화면을 띄울 jsp 파일이 들어갑니다.
index.jsp → 메인 화면으로 바로 공룡게임을 할 수 있는 화면이 보여집니다.
login.jsp → 로그인 화면입니다.
memberjoin.jsp → 회원가입 화면입니다.
ranking.jsp → 회원들의 게임 점수를 기반으로 랭킹이 매겨집니다.
자바 파일 및 JSP 파일 정의서 수정
각 기능은 동일하지만 보다 정리된 파일 구조입니다.
-> 컨트롤러를 이해하고 훨씬 더 간결해진 파일 구조다.
sql deverloper 에서 작업 )
kit3 계정을 만들어 회원 정보를 담을 테이블과 회원의 점수를 담을 테이블 생성
reate table member(
id varchar2(15) primary key,
pass varchar2(20) not null,
name varchar2(200) not null
);
create table board(
id varchar2(200) primary key,
score number not null,
content varchar2(200),
num number
);
alter table board
add constraint board_mem_fk foreign key (id)
references member (id);
create sequence seq_board_num2
increment by 1
start with 1
minvalue 1;
select id,score,content
from (select * from board order by score desc)
where rownum <=20 ;
화면정의서
메인 화면 ( index.jsp )
로그인 화면 ( login.jsp )
회원가입 화면 ( memberJoin.jsp )
랭킹 화면 ( ranking.jsp )
☄️ 실제 구현 화면
함께 공유해요
-> 프로젝트를 하며 새롭게 알게됐던 부분, 함께 나누고 싶은 부분을 '함께 공유해요'라는 이름으로 발표해보았다.
스프링에서 정적자원 삽입하기
스프링에서 css, js, image 등의 자원은 파일이 존재하는 url 그 자체로 사용된다. 따라서 url 요청을 해야 하는데 이는 MVC의 DispatcherServlet에서 판단해 Controller에서 RequestMapping Annotation을 검색하게 된다. 이 때 404에러가 발생하게 된다.
따라서 CSS, JavaScript, Image 같은 정적 자원들에 대해 URL을 따로 주어야 하는데 이를 지원해주는 녀석이 mvc:resources이다. 이 태그를 DispatcherServlet에 등록해줘야 사용할 수 있다.
로그인을 실행하게 될 경우, 바로 게임 화면으로 이동하면서 게임이 시작되는 부분이 있었다. 이것은 유저의 순발력을 요구하는 플레이가 될 수 있지만, 실제로 게임을 즐기는 유저 입장에서는 굉장히 불쾌할 수 있는 요소중 하나이다. 적어도 게임에 입장하게 되면, 바로 조작할 수 있게 진행해주었어야했었다고 생각했다.
