16 데이터셋 기반 DB 구축 & DB 활용 실습 — 리액트 연동 완성

1
[리액트 앱]  ←→  [파이썬 FastAPI 서버]  ←→  [SQLite DB]

1
project/
2
├── backend/
3
│   ├── main.py       ← FastAPI(패스트에이피아이) 서버
4
│   ├── db.py         ← DB 연결 및 초기화
5
│   └── movies.db     ← SQLite DB 파일
6
└── frontend/
7
    ├── src/
8
    │   ├── App.jsx
9
    │   ├── MovieList.jsx
10
    │   └── MovieDetail.jsx
11
    └── package.json

1
리액트 앱 → fetch('/api/movies') → FastAPI → SELECT * FROM movies → JSON 반환 → 리액트 화면

1
import sqlite3
2
import pandas as pd
3

4
conn = sqlite3.connect("movies.db")
5
cur  = conn.cursor()
6

7
# 영화 테이블
8
cur.execute("""
9
    CREATE TABLE IF NOT EXISTS movies (
10
        id        INTEGER PRIMARY KEY AUTOINCREMENT,
11
        title     TEXT    NOT NULL,
12
        director  TEXT,
13
        genre     TEXT,
14
        year      INTEGER,
15
        rating    REAL,
16
        country   TEXT
17
    )
18
""")
19

20
# 사용자 테이블
21
cur.execute("""
22
    CREATE TABLE IF NOT EXISTS users (
23
        id       INTEGER PRIMARY KEY AUTOINCREMENT,
24
        name     TEXT    NOT NULL UNIQUE,
25
        email    TEXT    NOT NULL UNIQUE,
26
        password TEXT    NOT NULL
27
    )
28
""")
29

30
# 찜 목록 테이블
31
cur.execute("""
32
    CREATE TABLE IF NOT EXISTS favorites (
33
        id         INTEGER PRIMARY KEY AUTOINCREMENT,
34
        user_id    INTEGER NOT NULL,
35
        movie_id   INTEGER NOT NULL,
36
        added_dt   TEXT    DEFAULT (datetime('now','localtime')),
37
        FOREIGN KEY (user_id)  REFERENCES users(id),
38
        FOREIGN KEY (movie_id) REFERENCES movies(id),
39
        UNIQUE(user_id, movie_id)
40
    )
41
""")
42

43
conn.commit()
44
print("DB 스키마(Schema(스키마)) 생성 완료")

1
# 영화 데이터 삽입
2
movies_data = [
3
    ("기생충",         "봉준호",  "드라마",  2019, 9.5, "한국"),
4
    ("범죄도시4",       "허명행",  "액션",   2024, 8.2, "한국"),
5
    ("인터스텔라",      "크리스토퍼 놀런", "SF",  2014, 8.8, "미국"),
6
    ("어벤져스: 엔드게임","루소 형제", "액션", 2019, 8.4, "미국"),
7
    ("너의 이름은",     "신카이 마코토", "애니메이션", 2016, 8.7, "일본"),
8
    ("오펜하이머",      "크리스토퍼 놀런", "드라마", 2023, 8.9, "미국"),
9
    ("올드보이",        "박찬욱",  "스릴러", 2003, 9.2, "한국"),
10
    ("센과 치히로",     "미야자키 하야오", "애니메이션", 2001, 9.3, "일본"),
11
    ("매트릭스",        "워쇼스키 자매", "SF",  1999, 8.7, "미국"),
12
    ("범죄도시",        "강윤성",  "액션",  2017, 8.5, "한국"),
13
]
14
cur.executemany(
15
    "INSERT INTO movies (title,director,genre,year,rating,country) VALUES (?,?,?,?,?,?)",
16
    movies_data
17
)
18

19
# 사용자 데이터 삽입
20
import hashlib
21
def hash_pw(pw):
22
    return hashlib.sha256(pw.encode()).hexdigest()
23

24
users_data = [
25
    ("김철수", "kim@test.com",   hash_pw("pass1234")),
26
    ("이영희", "lee@test.com",   hash_pw("pass1234")),
27
    ("박지민", "park@test.com",  hash_pw("pass1234")),
28
]
29
cur.executemany("INSERT INTO users (name,email,password) VALUES (?,?,?)", users_data)
30

31
# 찜 목록 데이터
32
fav_data = [
33
    (1, 1), (1, 3), (1, 6), (1, 9),
34
    (2, 1), (2, 7), (2, 8),
35
    (3, 2), (3, 4), (3, 5),
36
]
37
cur.executemany("INSERT INTO favorites (user_id,movie_id) VALUES (?,?)", fav_data)
38

39
conn.commit()
40
print(f"영화 {len(movies_data)}편, 사용자 {len(users_data)}명 삽입 완료")

1
# 장르별 평균 평점
2
df1 = pd.read_sql("""
3
    SELECT genre AS 장르, COUNT(*) AS 편수, ROUND(AVG(rating),2) AS 평균평점
4
    FROM movies
5
    GROUP BY genre
6
    ORDER BY 평균평점 DESC
7
""", conn)
8
print("=== 장르별 통계 ===")
9
print(df1)
10

11
# 사용자별 찜한 영화 목록
12
df2 = pd.read_sql("""
13
    SELECT u.name AS 사용자, m.title AS 영화, m.genre AS 장르
14
    FROM favorites AS f
15
    INNER JOIN users   AS u ON f.user_id  = u.id
16
    INNER JOIN movies  AS m ON f.movie_id = m.id
17
    ORDER BY u.name, m.title
18
""", conn)
19
print("\n=== 찜 목록 ===")
20
print(df2)

1
// 찜하기 버튼 기능
2
async function addFavorite(userId, movieId) {
3
  const res = await fetch("http://localhost:8000/api/favorites", {
4
    method : "POST",
5
    headers: { "Content-Type": "application/json" },
6
    body   : JSON.stringify({ user_id: userId, movie_id: movieId }),
7
  });
8
  const data = await res.json();
9
  alert(data.message);
10
}