🎬 movieJPA – 영화 소개 & 필터링 사이트

영화 카테고리와 필터 기능을 구현한 JPA 기반 영화 추천 사이트입니다.
Tailwind CSS 기반의 모던한 UI와 JPA를 통한 데이터 연동으로,
사용자가 원하는 장르(카테고리)를 선택하거나 검색어를 입력해 쉽게 영화를 탐색할 수 있습니다.

👤 팀원 소개

@moonstone0514

@songhajang

@yeomyeoung

@Minkyoungg0

---

📌 프로젝트 개요

• Backend : Java / Servlet / JPA
• Frontend : HTML, Tailwind CSS (다크모드 지원), JSP
• DB : Oracle
• 기능 :
  • 장르별 영화 목록 필터링
  • 영화 제목 검색
  • JPA를 통한 Entity 매핑 및 CRUD

---

✨ 주요 화면

• 사이드바 : 액션, 드라마, 코미디, SF, 애니메이션 카테고리
• 검색창 : 영화 제목 검색
• 카드 리스트 : 장르 필터링된 영화 리스트 표시

---

🛠️ 기술 스택

구분	사용 기술
Language	Java 17, HTML5, CSS3, JavaScript
Frontend	TailwindCSS, JSP, JSTL
Backend	Servlet, JPA (Hibernate)
DB	Oracle (JPA 연동), persistence.xml 설정
Build Tool	Maven

---

🔑 주요 코드 설명

✅ DBUtil.java

private static EntityManagerFactory emf;
static {
    emf = Persistence.createEntityManagerFactory("movieProject");
}
public static EntityManager getEntityManager() {
    return emf.createEntityManager();
}

👉 JPA EntityManager를 관리하기 위한 유틸 클래스입니다.

---

✅ Movie Entity

@Entity
@Table(name = "MOVIE")
public class Movie {
    @Id
    @Column(name = "\"userId\"")
    private long userId;

    @Column(name = "\"movieId\"")
    private long movieId;

    @Column(name = "\"rating\"")
    private double rating;

    @Column(name = "\"title\"")
    private String title;

    @Column(name = "\"genres\"")
    private String genres;
}

👉 MOVIE 테이블을 매핑한 JPA 엔티티입니다.

---

✅ MovieModel.java

/** 전체 영화 리스트 반환 */
	public static List<Movie> getMovieList() throws Exception {


		EntityManager em = DBUtil.getEntityManager();
		
		try {
			
			List<Movie> resultList = em.createQuery("select m from Movie m", Movie.class).getResultList();
			return processMovieListByTitle(resultList);
			
		} finally {
			
			em.close();
			em = null;
		}

	}

👉 전체 목록 조회 및 장르 기반 필터링을 처리하는 메서드입니다.

---

✅ movieRankController.java

@WebServlet("/test")
@Override
    protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
        
        List<Movie> movies = null;
		try {
			movies = MovieModel.getMovieList();
			req.setAttribute("datas", movies);
			req.getRequestDispatcher("index.jsp").forward(req, res);
			
		} catch (Exception e) {
			res.sendRedirect("failView/failConnection.jsp");
			e.printStackTrace();


		}

👉 클라이언트에서 전달받은 genreName 파라미터로 필터링 후 JSP에 전달합니다.

📌 SQL 구문

-- 전체 영화 목록 조회
SELECT * FROM MOVIE;

-- 특정 장르가 포함된 영화 목록 조회
SELECT * FROM MOVIE
WHERE genres LIKE '%액션%';

👉 JDBC에서는 PreparedStatement로 위 구문을 직접 작성하고, ? 파라미터를 수동으로 바인딩해야 했습니다.

---

📌 JPA에서의 JPQL (Java Persistence Query Language)

JPA에서는 SQL을 그대로 쓰지 않고 엔티티 객체를 기준으로 하는 JPQL을 사용합니다.

// 전체 목록
"SELECT m FROM Movie m"

// 장르 필터링
"SELECT m FROM Movie m WHERE m.genres LIKE :genreName"

👉 MOVIE 테이블 이름이 아닌 Movie 엔티티 클래스명을 대상으로 쿼리를 작성합니다.

---

✨ JPA에서 사용한 특별한 점

포인트	설명
LIKE	SQL의 LIKE와 동일한 기능을 JPQL에서도 사용 가능. % 와일드카드를 함께 사용하여 부분 검색을 지원.
:genreName	문자열 결합 대신 Named Parameter(:파라미터명)를 사용. setParameter()로 안전하게 값 바인딩.

---

🔑 SQL과 JPQL의 간단 비교

구분	SQL	JPQL
작성 기준	데이터베이스 테이블	엔티티 클래스
컬럼 명	실제 DB 컬럼	엔티티 필드명
파라미터	? (인덱스 기반)	:이름 (네임드 파라미터)
결과 처리	ResultSet 수동 매핑	엔티티 자동 매핑

---

📷 UI 미리보기

🎨 Tailwind CSS 기반 UI 💡 다크모드 지원으로 깔끔한 화면 전환 제공

화면 설명	미리보기
🌐 카테고리 선택 X → 영화 전체 출력	📌
📂 카테고리 선택 O → 해당 장르 영화 목록 출력	📌
❌ 검색창 검색어 없을 때 → 검색 결과 없음 출력	📌
🔎 검색창으로 영화 검색 시 → 해당 영화 출력	📌
🏠 홈 화면 → 어플리케이션 기능 요약	📌
⚠️ 에러 발생 시 → 에러 화면 출력	📌

✅ 개선 및 추가 예정

• 관리자 페이지(영화 추가/수정/삭제)
• 영화 상세 페이지 구현
• React/Vue 프런트엔드 연동
• Dockerfile 작성 및 배포 자동화