9. 연관관계 매핑RDBMS에서는 여러 테이블 간의 관계를 정의하고 활용해야 하며, JPA는 객체 모델에서도 이를 매핑하여 사용할 수 있습니다. 연관관계는 객체와 테이블의 성질이 다르므로 이를 조정하며 사용하는 방법을 이해해야 합니다. 9.1 연관관계 매핑 종류와 방향두 엔티티 간의 연관관계를 매핑할 수 있는 종류는 다음과 같습니다:One To One: 일대일 (1:1)One To Many: 일대다 (1:N)Many To One: 다대일 (N:1)Many To Many: 다대다 (N:M)  예시: 상품 테이블과 공급업체 테이블의 관계 예제에서 가게는 상품과 공급업체 정보를 관리하며, 가게 입장에서는 공급업체가 여러 개의 상품을 가질 수 있으므로 다대일 관계를 표현합니다. 데이터베이스에서는 외래키를 통해 ..

24-25/Spring 3 2025. 1. 10. 10:00

🌟키워드: API 서버, 크롤링, JWT 토큰 인증, 사용량 제한, CORS 1. API 서버 이해하기 1. API와 웹 API 서버의 개념- API (Application Programming Interface): 다른 어플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 허용하는 접점이다.- 웹 API: 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있는 창구이다.- 웹 API 서버: 서버에 API를 올려서 URL을 통해 접근할 수 있게 만든 것이다. 2. 크롤링(crawling)- 크롤링: 웹 사이트가 자체적으로 제공하는 API가 없거나 API 이용에 제한이 있을 때 사용하는 방법이다.- 웹 사이트의 정보를 일정 주기로 수집해 자체적으로 가공하는 기술이다.- 웹 사이트에서 직접 제공하는 ..

24-25/Node.js 2 2025. 1. 10. 10:00

9장. 연관관계 매핑연관관계 매핑 종류와 방향✅ 종류일대일(1:1)일대다(1:N)다대일(N:1)다대다(N:N)✅ 재고관리시스템 예시상품 엔티티에는 공급업체의 정보 엔티티가 매핑됨공급 업체 입장: 한 가게에 납품하는 상품 여러 개일 수 있으므로 일대다 관계상품 입장: 하나의 공급업체에 속하게 되므로 다대일 관계어떤 엔티티를 중심으로 연관 엔티티를 보느냐에 따라 연관관계의 상태가 달라짐JPA를 사용하는 객체지향 모델링에서는 엔티티 간 참조 방향 설정 가능데이터베이스와 관계를 일치시키기 위해 양방향으로 설정해도 무관하지만 비즈니스 로직 관점에서는 단방향 관계만 설정해도 해결되는 경우가 다수단방향: 두 엔티티의 관계에서 한쪽의 엔티티만 참조하는 형식양방향: 두 엔티티의 관계에서 각 엔티티가 서로의 엔티티를 참조..

24-25/Spring 1 2025. 1. 10. 10:00

7장. useReducer와 상태 관리 이 장에서는 상태 변화의 개념과 useReducer에 대해 알아보고, useRuducer를 이용하여 이전에 만들었던 [할 일 관리] 앱을 업그레이드하여 본다. 1. useReducer 이해하기 리액트 훅 useReducer를 이용하여 상태 변화 코드를 분리한다. 상태 변화 코드 분리라는 개념을 이해하기 전에 useReducer에 대해 알아보자. [ 실습 준비하기 ] 이전 실습에서 작성한 [할 일 관리] 앱을 열고 component 폴더에 TestComp.js 이름으로 임시 컴포넌트를 만든다.import { useState } from "react";function TestComp() { const [count, setCount] = useState(0);..

24-25/React.js 2 2025. 1. 10. 10:00

1. useReducer 이해하기useReducer은 컴포넌트에서 상태 변화 코드를 분리할 때 유용한 리액트 훅이다.  1 - (1). 실습 준비하기상태 변화 개념을 이해하기 전, 실습을 통해 useReducer의 기능을 알아보자. [할 일 관리] 앱을 열고 component 폴더에 TestComp 컴포넌트를 만든다. TestComp.js 파일의 내용은 다음과 같다.import {useState} from "react";function TestComp() { const [count, setCount] = useState(0); const onIncrease = () => { setCount(count+1); } const onDecrease = () => { ..

24-25/React.js 1 2025. 1. 10. 10:00

연관관계 매핑 종류와 방향 연관관계를 맺는 두 엔티티 간에 생성할 수 있는 연관관계의 종류One To One : 일대일One To Many : 일대다Many To One: 다대일Many To Many: 다대다데이터베이스에서는 두 테이블의 연관관계를 설정하면 "외래키"를 통해 서로 조인해서 참조하는 구조로 생성 JPA를 사용하는 객체지향 모델에서는 엔티티 간 참조 방향을 설정 데이터베이스와 관계를 일치시키기 위해 양방향으로 설정해도 무관하지만 비즈니스 로직의 관점에서 봤을 때 는 단방향 관계만 설정해도 해결되는 경우가 많음단방향: 두 엔티티의 관계에서 한쪽의 엔티티만 참조하는 형식양방향: 두 엔티티의 관계에서 각 엔티티가 서로의 엔티티를 참조하는 형식  일대일 매핑Product 엔티티를 대상으로 상품 정보..

24-25/Spring 2 2025. 1. 10. 10:00

JPQL JPQL→ JPA Query Language의 줄임말로 JPA에서 사용할 수 있는 쿼리를 의미→ SQL과 매우 비슷한 문법을 가짐→ SQL에서는 테이블이나 칼럼의 이름을 사용하는 것과 달리 매핑된 엔티티 이름과 필드 이름을 사용  쿼리 메서드리포지토리는 JpaRepository를 상속받는 것만으로도 다양한 CRUD 메서드 제공but 기본 메서드들은 식별자 기반으로 생성되기 때문에 별도의 메서드를 정의해서 사용하는 경우가 많음→ 이때 간단한 쿼리문 작성을 위해 사용되는 것이 쿼리 메서드- 쿼리 메서드는 크게 동작을 결정하는 주제(Subject)와 서술어(Predicate)로 구분  쿼리 메서드 생성주제:  'find···By', 'exists···By'와 같은 키워드로 정함서술어: 검색 및 정렬 ..

24-25/Spring 3 2025. 1. 8. 10:00

지난 시간까지는 TodoEditor 컴포넌트를 활용하여 할 일을 추가하는 단계까지 구현해 보았다. 지난번에 만들었던 컴포넌트를 이용하여 이번에는 할 일 리스트를 렌더링하고 수정하며, 마지막으로 삭제하는 단계까지 구현하여 할 일 관리 앱을 완성하여 본다.1. Read: 할 일 리스트 렌더링하기 먼저, TodoList 컴포넌트의 기능이면서 CRUD의 두 번째 요소인 Read 기능을 만들어보자. Read 기능을 이용하여 배열에 저장한 여러 할 일 아이템을 반복하여 렌더링할 수 있다. [ 배열을 리스트로 렌더링 ]App 컴포넌트의 State 변수 todo는 배열 형태로 여러 개의 할 일 아이템을 저장한다. 따라서 배열 todo를 TodoList 컴포넌트에 Props로 다음과 같이 전달한다.(...)functio..

24-25/React.js 2 2025. 1. 3. 11:33

🌟키워드:  npm 패키지, 컨트롤러, 관계, Passport 모듈, multer 패키지    1. 프로젝트 구조 갖추기 npm initnpm i sequelize mysql2 sequelize-clinpx sepuelize initnpm init을 호출하면 package.json을 생성함npm i를 호출하면 node_modules 폴더와 package-lock.json이 생성됨npm sequelize init를 호출하면 config, migrations, models, seeders 폴더가 생성됨추가로 필요한 npm 패키지들을 설치하고 app.js를 작성  2.  컨트롤러exports.renderProfile = (req, res) => { res.render('profile', { title: '..

24-25/Node.js 2 2025. 1. 3. 11:21

1. JPQL- JPA Query Language으로 JPA에서 사용할 수 있는 쿼리를 의미한다. - SQL문과의 차이점은 SQL은 테이블이나 칼럼의 이름을 사용하지만 JPQL은 매핑된 엔티티의 이름과 필드를 사용한다.    2. 쿼리 메서드 2.1. 쿼리 메서드 생성- 쿼리 메서드는 동작을 결정하는 주제(Subject)와 검색 및 정렬 조건 지정하는 영역인 서술어(Predicate)로 구분한다. - 리포지토리는 JpaRepository를 상속받는 것만으로도 다양한 CRUD 메서드를 제공 하지만 기본 메서드들은 식별자 기반    으로 생성되므로 쿼리 메서드와 같이 별도의 메서드를 정의해서 사용한다. - 쿼리 주제 : ‘find…By’, ‘exists…By’, ‘get…By’와 같은 키워드- 서술어의 시작..

24-25/Spring 2 2025. 1. 3. 10:00

Spring Data JPA📌 JPQLJPQL이란 JPA Query Language의 줄임말로, JPA에서 사용할 수 있는 쿼리이다. SQL과 문법이 매우 비슷하다. SQL과의 차이점은 SQL에서는 테이블이나 컬럼의 이름을 사용하는 것과 달리 JPQL은 다음과 같이 엔티티 객체를 대상으로 수행하는 쿼리이기에 매핑된 엔티티의 이름과 필드의 이름을 사용한다는 것이다.SELECT p FROM Product(엔티티 타입) p WHERE p.number(엔티티 속성) = ?1;  📌 쿼리 메서드리포지토리는 JpaRepository를 상속받는 것만으로도 다양한 CRUD 메서드를 제공한다. 하지만 이러한 기본 메서드들은 식별자 기반으로 생성되기에 별도의 메서드를 정의하는 경우가 많다. 이때 간단한 쿼리문 작성을 ..

24-25/Spring 1 2025. 1. 3. 10:00

📌 이번 장에서는 로그인, 이미지 업로드, 게시글 작성, 해시태그 검색, 팔로잉 등의 기능이 있는 SNS 서비스를 만든다.9.1. 프로젝트 구조 갖추기다음과 같이 앱명인 'nodebird'라는 이름으로 폴더를 만들고 package.json을 생성한다.시퀄라이즈도 설치한다.$ npm init$ npm i sequelize mysql2 sequelize-cli$ npx sequelize init 다음과 같이 폴더의 구조를 갖춘다.nodebird> config> migrations> models> node_modules> passport> public> routes> seeders> views.envapp.js{ } package-lock.json{ } package.json 그다음, 필요한 npm 패키지를..

24-25/Node.js 1 2025. 1. 3. 10:00