1:N Relationship

11 분

일대다 관계 소개 많은 백엔드의 핵심에는 데이터를 저장할 수 있는 기능이 있습니다 parse를 사용하면 데이터 객체를 저장하고 이들 간의 관계를 설정할 수 있습니다 데이터 관계는 각 데이터 객체가 다른 객체와 어떻게 관련되거나 연관되는지를 표준화합니다 이는 복잡한 쿼리를 구축하고 실행할 때 추가적인 힘을 줄 수 있습니다 주요 관계 유형은 세 가지입니다 \일대다\ , 하나의 객체가 여러 다른 객체와 관련될 수 있는 경우; \일대일\ , 두 객체 간의 직접적인 관계를 설정하는 경우; \다대다\ , 여러 객체 간에 복잡한 관계를 생성할 수 있는 경우 이 가이드에서는 가장 일반적인 관계인 일대다에 초점을 맞출 것입니다 데이터 저장 백엔드는 일반적으로 이러한 연관에 대한 명시적인 선언을 요구하며, 심지어는 스스로 관계형 테이블을 생성하여 이들의 조인을 관리해야 할 수도 있습니다 parse는 이를 자동으로 처리하여 데이터 관계를 구축하는 동안 오류의 가능성을 제거하고 애플리케이션 모델링 프로세스를 가속화합니다 parse에서 일대다 관계를 생성하는 두 가지 방법이 있습니다 첫 번째는 \parse object\ 포인터를 사용하는 것으로, 생성 및 쿼리 시간에서 가장 빠릅니다 두 번째는 \배열\ 을 사용하는 것으로, 크기에 따라 쿼리 시간이 느려질 수 있습니다 이러한 성능 문제로 인해, 이제부터는 포인터 예제만 사용할 것입니다 이 가이드에서는 세 가지 주요 데이터 연관을 포함하는 react native 도서 등록 애플리케이션을 구현할 것입니다 back4app과 react native를 사용하여 일대다 데이터 관계를 생성하고 쿼리하는 방법을 배울 것입니다 언제든지 이 프로젝트에 대한 접근은 우리의 github 리포지토리를 통해 스타일과 완전한 코드를 확인할 수 있습니다 javascript 예제 리포지토리 https //github com/templates back4app/react native js associations typescript 예제 리포지토리 https //github com/templates back4app/react native ts associations 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 back4app에 연결된 react native 앱을 생성해야 합니다 back4app https //www back4app com/docs/react native/parse sdk/react native sdk 이 가이드에서 제공하는 화면 레이아웃을 테스트/사용하려면 \react native paper\ 라이브러리 https //github com/callstack/react native paper 를 설정해야 합니다 목표 parse의 일대다 관계를 사용하여 도서관 react native 앱을 모델링합니다 1 책 클래스 이해하기 이 가이드에서는 책 등록 애플리케이션 예제를 사용할 것이므로, 먼저 이 데이터베이스에서 객체 관계가 어떻게 구성되어 있는지 이해해야 합니다 사용하게 될 주요 객체 클래스는 \book\ 클래스이며, 등록된 각 책 항목을 저장합니다 또한, 다음은 다른 네 개의 객체 클래스입니다 \출판사\ 책 출판사 이름, \book\ , 일대다 관계 \장르\ 책 장르, \book\ , 일대다 관계 이 예제에서는 책이 하나의 장르만 가질 수 있다고 가정합니다; \저자\ 책 저자, \book\ , 다대다 관계, 책은 여러 저자를 가질 수 있고 저자도 여러 책을 가질 수 있습니다; \isdb\ 책 isdb 식별 번호, \book\ , 일대일 관계, 이 번호는 각 책마다 고유합니다 다음은 이러한 데이터베이스 테이블의 시각적 표현입니다 간단히 하기 위해, 각 객체 클래스가 문자열 유형의 \이름\ 속성( \제목\ )을 가지고 있다고 가정하겠습니다 \책\ 과 같은 추가적인 관계 속성은 제외합니다 2 일대다 관계 생성 이 단계로 들어가기 전에 react native library 앱 예제를 복제하고 실행할 것을 권장합니다 ( javascript 예제 저장소 https //github com/templates back4app/react native js associations , typescript 예제 저장소 https //github com/templates back4app/react native ts associations ) 이 애플리케이션은 등록된 책을 나열하는 화면과 새로운 책을 생성하는 화면의 두 가지 주요 화면을 가지고 있습니다 책 등록 양식에는 다른 관련 객체에 대한 직접 링크가 있어 사용자가 출판사나 장르 옵션을 선택하면 양식 필드가 전체 \parse object\ 인스턴스를 보유하게 됩니다 이 양식을 제출할 때 호출되는 책 생성 방법을 살펴보겠습니다 javascript 1 const createbook = async function () { 2 try { 3 // these values come from state variables linked to 4 // the screen form fields, retrieving the user choices 5 // as a complete parse object, when applicable; 6 const booktitlevalue = booktitle; 7 const bookisbdvalue = bookisbd; 8 // for example, bookpublisher holds the value from 9 // radiobutton group field with its options being every 10 // publisher parse object instance saved on server, which is 11 // queried on screen load via useeffect 12 const bookpublisherobject = bookpublisher; 13 const bookgenreobject = bookgenre; 14 // bookauthors can be an array of parse objects, since the book 15 // may have more than one author 16 const bookauthorsobjects = bookauthors; 17	 18 // creates a new parse object instance 19 let book = new parse object('book'); 20	 21 // set data to parse object 22 // simple title field 23 book set('title', booktitlevalue); 24	 25 // 1 1 relation, need to check for uniqueness of value before creating a new isbd object 26 let isbdquery = new parse query('isbd'); 27 isbdquery equalto('name', bookisbdvalue); 28 let isbdqueryresult = await isbdquery first(); 29 if (isbdqueryresult !== null && isbdqueryresult !== undefined) { 30 // if first returns a valid object instance, it means that there 31 // is at least one instance of isbd with the informed value 32 alert alert( 33 'error!', 34 'there is already an isbd instance with this value!', 35 ); 36 return false; 37 } else { 38 // create a new isbd object instance to create a one to one relation on saving 39 let isbd = new parse object('isbd'); 40 isbd set('name', bookisbdvalue); 41 isbd = await isbd save(); 42 // set the new object to the new book object isbd field 43 book set('isbd', isbd); 44 } 45	 46 // one to many relations can be set in two ways 47 // add direct object to field (parse will convert to pointer on save) 48 book set('publisher', bookpublisherobject); 49 // or add pointer to field 50 book set('genre', bookgenreobject topointer()); 51	 52 // many to many relation 53 // create a new relation so data can be added 54 let authorsrelation = book relation('authors'); 55 // bookauthorsobjects is an array of parse objects, 56 // you can add to relation by adding the whole array or object by object 57 authorsrelation add(bookauthorsobjects); 58	 59 // after setting the values, save it on the server 60 try { 61 await book save(); 62 // success 63 alert alert('success!'); 64 navigation goback(); 65 return true; 66 } catch (error) { 67 // error can be caused by lack of internet connection 68 alert alert('error!', error message); 69 return false; 70 } 71 } catch (error) { 72 // error can be caused by lack of value selection 73 alert alert( 74 'error!', 75 'make sure to select valid choices in publisher, genre and author fields!', 76 ); 77 return false; 78 } 79 };1 const createbook = async function () promise\<boolean> { 2 try { 3 // these values come from state variables linked to 4 // the screen form fields, retrieving the user choices 5 // as a complete parse object, when applicable; 6 const booktitlevalue string = booktitle; 7 const bookisbdvalue string = bookisbd; 8 // for example, bookpublisher holds the value from 9 // radiobutton group field with its options being every 10 // publisher parse object instance saved on server, which is 11 // queried on screen load via useeffect 12 const bookpublisherobject parse object = bookpublisher; 13 const bookgenreobject parse object = bookgenre; 14 // bookauthors can be an array of parse objects, since the book 15 // may have more than one author 16 const bookauthorsobjects \[parse object] = bookauthors; 17	 18 // creates a new parse object instance 19 let book parse object = new parse object('book'); 20	 21 // set data to parse object 22 // simple title field 23 book set('title', booktitlevalue); 24	 25 // 1 1 relation, need to check for uniqueness of value before creating a new isbd object 26 let isbdquery parse query = new parse query('isbd'); 27 isbdquery equalto('name', bookisbdvalue); 28 let isbdqueryresult parse object = await isbdquery first(); 29 if (isbdqueryresult !== null && isbdqueryresult !== undefined) { 30 // if first returns a valid object instance, it means that there 31 // is at least one instance of isbd with the informed value 32 alert alert( 33 'error!', 34 'there is already an isbd instance with this value!', 35 ); 36 return false; 37 } else { 38 // create a new isbd object instance to create a one to one relation on saving 39 let isbd parse object = new parse object('isbd'); 40 isbd set('name', bookisbdvalue); 41 isbd = await isbd save(); 42 // set the new object to the new book object isbd field 43 book set('isbd', isbd); 44 } 45	 46 // one to many relations can be set in two ways 47 // add direct object to field (parse will convert to pointer on save) 48 book set('publisher', bookpublisherobject); 49 // or add pointer to field 50 book set('genre', bookgenreobject topointer()); 51	 52 // many to many relation 53 // create a new relation so data can be added 54 let authorsrelation = book relation('authors'); 55 // bookauthorsobjects is an array of parse objects, 56 // you can add to relation by adding the whole array or object by object 57 authorsrelation add(bookauthorsobjects); 58	 59 // after setting the values, save it on the server 60 try { 61 await book save(); 62 // success 63 alert alert('success!'); 64 navigation goback(); 65 return true; 66 } catch (error) { 67 // error can be caused by lack of internet connection 68 alert alert('error!', error message); 69 return false; 70 } 71 } catch (error) { 72 // error can be caused by lack of value selection 73 alert alert( 74 'error!', 75 'make sure to select valid choices in publisher, genre and author fields!', 76 ); 77 return false; 78 } 79 }; 새 책 \bookpublisherobject\ 와 \bookgenreobject\ 이 어떻게 설정되는지 보세요 \parse object\ 인스턴스에 대해 parse에서 일대다 관계를 만드는 것이 얼마나 간단한지 보세요 대상 객체 인스턴스를 할당하거나 \parse object set\ 메서드를 사용하여 포인터를 사용할 수 있습니다 이 메서드는 두 개의 인수를 받습니다 필드 이름과 설정할 값 parse는 포인터 데이터 유형 열을 생성하고 대시보드에서 빠른 액세스를 위한 직접 링크를 생성합니다 대시보드에서 객체 포인터 값을 클릭하면 참조된 객체 항목으로 이동합니다 이는 무해한 기능처럼 보일 수 있지만, 수동으로 검색하는 것보다 디버깅 및 오류 추적을 훨씬 더 빠르게 만들어 줍니다 3 일대다 관계 쿼리하기 일대다 관련 객체를 쿼리하는 것은 parse에서 대부분 처리되기 때문에 매우 간단합니다 책 등록 목록 화면의 쿼리 기능을 살펴보세요 javascript 1 const querybooks = async function () { 2 // these values come from state variables linked to 3 // the screen query radiobutton group fields, with its options being every 4 // parse object instance saved on server from the referred class, which is 5 // queried on screen load via useeffect; these variables retrievie the user choices 6 // as a complete parse object; 7 const querypublishervalue = querypublisher; 8 const querygenrevalue = querygenre; 9 const queryauthorvalue = queryauthor; 10 const queryisbdvalue = queryisbd; 11	 12 // reading parse objects is done by using parse query 13 const parsequery = new parse query('book'); 14	 15 // one to many queries 16 if (querypublishervalue !== '') { 17 parsequery equalto('publisher', querypublishervalue); 18 } 19 if (querygenrevalue !== '') { 20 parsequery equalto('genre', querygenrevalue); 21 } 22	 23 // one to one query 24 if (queryisbdvalue !== '') { 25 parsequery equalto('isbd', queryisbdvalue); 26 } 27	 28 // many to many query 29 // in this case, we need to retrieve books related to the chosen author 30 if (queryauthorvalue !== '') { 31 parsequery equalto('authors', queryauthorvalue); 32 } 33	 34 try { 35 let books = await parsequery find(); 36 // many to many objects retrieval 37 // in this example we need to get every related author parse object 38 // and add it to our query result objects 39 for (let book of books) { 40 // this query is done by creating a relation and querying it 41 let bookauthorsrelation = book relation('authors'); 42 book authorsobjects = await bookauthorsrelation query() find(); 43 } 44 setqueriedbooks(books); 45 return true; 46 } catch (error) { 47 // error can be caused by lack of internet connection 48 alert alert('error!', error message); 49 return false; 50 } 51 };1 const querybooks = async function () promise\<boolean> { 2 // these values come from state variables linked to 3 // the screen query radiobutton group fields, with its options being every 4 // parse object instance saved on server from the referred class, which is 5 // queried on screen load via useeffect; these variables retrievie the user choices 6 // as a complete parse object; 7 const querypublishervalue parse object = querypublisher; 8 const querygenrevalue parse object = querygenre; 9 const queryauthorvalue parse object = queryauthor; 10 const queryisbdvalue parse object = queryisbd; 11	 12 // reading parse objects is done by using parse query 13 const parsequery parse query = new parse query('book'); 14	 15 // one to many queries 16 if (querypublishervalue !== '') { 17 parsequery equalto('publisher', querypublishervalue); 18 } 19 if (querygenrevalue !== '') { 20 parsequery equalto('genre', querygenrevalue); 21 } 22	 23 // one to one query 24 if (queryisbdvalue !== '') { 25 parsequery equalto('isbd', queryisbdvalue); 26 } 27	 28 // many to many query 29 // in this case, we need to retrieve books related to the chosen author 30 if (queryauthorvalue !== '') { 31 parsequery equalto('authors', queryauthorvalue); 32 } 33	 34 try { 35 let books \[parse object] = await parsequery find(); 36 // many to many objects retrieval 37 // in this example we need to get every related author parse object 38 // and add it to our query result objects 39 for (let book of books) { 40 // this query is done by creating a relation and querying it 41 let bookauthorsrelation = book relation('authors'); 42 book authorsobjects = await bookauthorsrelation query() find(); 43 } 44 setqueriedbooks(books); 45 return true; 46 } catch (error) { 47 // error can be caused by lack of internet connection 48 alert alert('error!', error message); 49 return false; 50 } 51 }; 이 경우, 특정 출판사나 장르와 관련된 책을 쿼리하려면 \parse query equalto\ 메서드를 사용하여 \parse object\ 인스턴스를 매개변수로 전달하면 됩니다 쿼리 후, parse는 결과 객체 내부에 모든 일대다 관계 필드의 완전한 인스턴스를 저장합니다 이러한 객체 인스턴스에서 데이터를 검색하고 표시하려면 다음과 같이 \parse object get\ 메서드를 체인으로 연결할 수 있습니다 \bookparseobject get(('publisher') get('name')\ 다음은 이러한 getter를 사용하여 목록 항목에서 출판사 및 장르 이름을 검색하는 목록 화면의 모습입니다 결론 이 가이드의 끝에서, react native에서 parse의 일대다 관계를 생성하고 쿼리하는 방법을 배웠습니다 다음 가이드에서는 다대다 및 일대일 쿼리와 관계를 수행하는 방법을 보여드리겠습니다