백엔드
1. DB생성(MySQL에서 생성했음)
영화 관련 테이블을 만들어 데이터 만듦.
2. Tomcat 세팅
웹페이지 배로를 위해 Tomcat 다운 후 IntellJ에 연결해준다.
여긴....어마어마한 과정이 있다...
3. JdbcConnection
IntelliJ와 DB연결
4. Dto
DB에 있는 변수들을 세팅해줌.
그때그때 필요하게 Dto 생성.
주로 Dao에서 한번에 변수 3~4개 이상이 필요할 때 Dto 생성.
3개 정도는 그냥 매개변수에 직접 넣는게 나음.
3. Dao
login, singup ... 필요한 함수들을 만듦.
4. Service
Service에서 Dao에서 만든거 불러옴.
5. Servlet
servlet에서
doGet에서 url로 검색해서 들어왔을 때는 req.getRequestDispatcher("views/main.jsp").forward(req, resp); 로 main화면 띄워주고, 요청받은 걸 list로 만듦!!
공포영화와 액션영화 추천을 하고자 함.
doPost은 여기서는 필요없음. 요청받고 응답할 것이 없기 때문.
프론트엔드
<WEP시작>
1. index.jsp : 서버 키자마자 열리는 곳 <c:redirect url="/main"></c:redirect>으로 main으로 보냄
## main 화면
2. maln.jsp
3. main에서 공포, 액션 영화 추천 부분
servlet에서 공포, 액션 영화만 있는 list를 jsp에서 불러줌.
foreach를 사용하여 모두 조회.
item=''${movielist}" -> var "movei" movielist를 movie로 변수명 지정
url에서 movie(movielist를 의미)에서 getPoster_image()링크를 가져옴
4. CSS에서 꾸미고 나면
WEB 화면
공포영화 추천 화면이 나옴
<header 부분>
header부분은 계속 나와 있어야 하기 때문에,
따로 jsp를 만들어서 include를 해줌.
main.jsp의 <body>에 <%@ include file="../layout/header.jsp"%> 를 넣어줌
login.jsp의 <body>에 <%@ include file="../layout/header.jsp"%> 를 넣어줌
WEP 결과물
## WEP 꾸미기(CSS)
jsp보면서 css에서 꾸미기
main 홈페이지
이렇게 main화면이 나옴.
'Project > Collabo Project' 카테고리의 다른 글
| [동물전쟁] 아이템 합성 서비스(Kafka 사용) (1) | 2023.11.09 |
|---|---|
| [동물전쟁] Socket으로 전체 공개 채팅 만들기(MySQL저장) (0) | 2023.10.22 |
| [동물전쟁] Socket에 Token받아오기 (0) | 2023.10.22 |
| 직무별 채용 사이트 추천 서비스 (1) | 2023.09.06 |
| 신발 쇼핑몰 프로젝트 (0) | 2023.08.04 |
