Quickstarters
Xamarin으로 CRUD 앱 구축하기는?

29min
개요
이 가이드는 Xamarin을 사용하여 완전한 CRUD(생성, 읽기, 업데이트, 삭제) 애플리케이션을 만드는 과정을 안내합니다.
우리는 데이터를 손쉽게 관리하기 위해 Back4app을 백엔드 서비스로 활용할 것입니다. 이 튜토리얼을 통해 Back4app 프로젝트를 구성하고, 유연한 데이터 스키마를 설정하며, Xamarin 애플리케이션에서 CRUD 작업을 구현하는 방법을 보여드릴 것입니다.
먼저, Basic-CRUD-App-Xamarin이라는 이름의 Back4app 프로젝트를 구성할 것입니다. 이 프로젝트는 애플리케이션의 강력한 백엔드 역할을 하게 됩니다. Back4app 대시보드를 통해 데이터 구조를 수동으로 정의하거나 내장된 AI 에이전트를 활용할 수 있습니다.
다음으로, 직관적인 Back4app 관리 앱을 활용하여 드래그 앤 드롭 기능을 통해 데이터를 손쉽게 관리할 것입니다.
마지막으로, Parse .NET SDK를 사용하여 Xamarin 앱을 Back4app과 통합할 것입니다. 이 SDK는 Xamarin과 완벽하게 호환되어 안전하고 효율적인 데이터 작업을 보장합니다.
이 튜토리얼이 끝날 무렵, 기본 CRUD 작업과 안전한 사용자 인증 및 데이터 관리를 수행할 수 있는 생산 준비가 완료된 Xamarin 애플리케이션을 개발하게 될 것입니다.
﻿
주요 통찰
강력한 비관계형 백엔드와 통합된 Xamarin 기반 CRUD 앱을 구축하는 방법을 배웁니다.
확장 가능한 백엔드를 설계하고 이를 Xamarin 앱과 원활하게 연결하는 방법을 이해합니다.
Back4app 관리 앱을 사용하여 CRUD 작업을 관리하는 방법을 알아봅니다.
ACL 및 CLP를 사용하여 안전한 사용자 관리 및 백엔드 보안 옵션을 탐색합니다.
﻿
전제 조건
시작하기 전에 다음 사항을 확인하세요:
구성된 프로젝트가 있는 Back4app 계정입니다.
도움이 필요하면 Back4app 시작하기를 참조하세요.
Xamarin 개발 환경입니다.
Xamarin 지원이 포함된 Visual Studio를 설치하고 최신 .NET SDK가 있는지 확인하세요.
C#, 객체 지향 프로그래밍 및 REST API에 대한 기본 이해입니다.
필요한 경우 Microsoft C# 문서를 검토할 수 있습니다.
﻿
1단계 – Back4app 프로젝트 구성
Back4app에서 새 프로젝트 만들기
Back4app 계정에 로그인하세요.
대시보드에서 “새 앱” 버튼을 클릭하세요.
프로젝트 이름을 지정하세요: Basic-CRUD-App-Xamarin 및 화면의 지침에 따라 설정을 완료하세요.
새 프로젝트 만들기
﻿
프로젝트가 성공적으로 생성되면 대시보드에 나타나며, 추가 백엔드 구성을 위해 준비됩니다.
﻿
2단계 – 데이터 스키마 작성
데이터 구조 정의하기
이 CRUD 애플리케이션을 위해 Back4app 프로젝트에서 여러 클래스(컬렉션)를 설정해야 합니다. 아래는 생성할 주요 클래스와 해당 필드의 예입니다.
1. 아이템 클래스
필드
데이터 유형
설명
_id
객체 ID
자동 생성된 고유 식별자.
제목
문자열
항목의 이름.
설명
문자열
항목에 대한 간략한 요약.
생성일
날짜
생성 타임스탬프.
업데이트됨
날짜
마지막 업데이트를 표시하는 타임스탬프.
2. 사용자 클래스
필드
데이터 유형
설명
_id
객체 ID
자동으로 생성된 고유 ID.
사용자 이름
문자열
사용자를 위한 고유한 사용자 이름.
이메일
문자열
계정 연락처를 위한 고유 이메일 주소.
비밀번호 해시
문자열
보안을 위한 암호화된 비밀번호.
생성일
날짜
계정 생성 타임스탬프.
업데이트됨
날짜
마지막 계정 업데이트의 타임스탬프.
Back4app 대시보드를 통해 이러한 클래스와 필드를 수동으로 추가할 수 있습니다.
새 클래스 만들기
﻿
각 필드는 데이터 유형을 선택하고, 필드 이름을 입력하고, 기본 값을 설정하고, 필수 필드를 표시하여 정의할 수 있습니다.
열 만들기
﻿
스키마 생성을 위한 Back4app AI 에이전트 활용하기
Back4app 대시보드에 통합된 AI 에이전트는 설명을 기반으로 데이터 스키마를 자동으로 생성할 수 있습니다. 이 도구는 설정 프로세스를 간소화하고 데이터 모델이 CRUD 작업에 최적화되도록 보장합니다.
AI 에이전트 사용 방법:
AI 에이전트에 접근하기:
Back4app 대시보드를 열고 프로젝트 설정 내에서 AI 에이전트를 찾습니다.
스키마 설명하기:
필요한 클래스와 필드에 대한 자세한 개요를 제공합니다.
검토 및 구현하기:
AI 에이전트가 스키마를 제안합니다. 제안된 구성을 검토하고 변경 사항을 적용하기 위해 승인합니다.
예시 프롬프트:
Text
Create the following classes in my Back4app project:

1) Class: Items
- Fields:
  - _id: ObjectId (auto-generated)
  - title: String
  - description: String
  - createdAt: Date (auto-generated)
  - updatedAt: Date (auto-updated)

2) Class: Users
- Fields:
  - _id: ObjectId (auto-generated)
  - username: String (unique)
  - email: String (unique)
  - passwordHash: String
  - createdAt: Date (auto-generated)
  - updatedAt: Date (auto-updated)
Create the following classes in my Back4app project:

1) Class: Items
- Fields:
  - _id: ObjectId (auto-generated)
  - title: String
  - description: String
  - createdAt: Date (auto-generated)
  - updatedAt: Date (auto-updated)

2) Class: Users
- Fields:
  - _id: ObjectId (auto-generated)
  - username: String (unique)
  - email: String (unique)
  - passwordHash: String
  - createdAt: Date (auto-generated)
  - updatedAt: Date (auto-updated)
﻿
이 AI 지원 방법은 시간을 절약하고 일관되고 최적화된 데이터 구조를 보장합니다.
﻿
3단계 – 관리자 앱 활성화 및 CRUD 작업 관리하기
관리자 앱 개요
Back4app 관리 앱은 쉬운 백엔드 데이터 관리를 위한 코드 없는 인터페이스를 제공합니다. 드래그 앤 드롭 인터페이스는 레코드를 생성, 읽기, 업데이트 및 삭제하는 CRUD 작업을 간소화합니다.
관리 앱 활성화
“더보기” 메뉴를 열어보세요 Back4app 대시보드에서.
“관리 앱” 선택 후 “관리 앱 활성화.”
관리 자격 증명 설정 초기 관리 계정을 생성하여. 이 과정은 또한 미리 정의된 역할(예: B4aAdminUser) 및 시스템 클래스를 설정합니다.
관리 앱 활성화
﻿
활성화되면, 관리 앱에 로그인하여 앱의 데이터를 관리하기 시작하세요.
관리 앱 대시보드
﻿
관리 앱으로 CRUD 작업 수행하기
관리 앱 내에서 다음을 수행할 수 있습니다:
새 데이터 삽입:
항목과 같은 클래스 내에서 “레코드 추가” 기능을 사용하여 새 항목을 생성합니다.
레코드 보기 및 편집:
레코드를 선택하여 세부 정보를 확인하거나 필드를 수정합니다.
레코드 삭제:
더 이상 필요하지 않은 데이터 항목을 제거합니다.
이 사용자 친화적인 인터페이스는 백엔드 관리 프로세스를 간소화합니다.
﻿
4단계 – Xamarin 앱을 Back4app에 연결하기
백엔드가 준비되면, 다음 작업은 Xamarin 애플리케이션을 Back4app에 연결하는 것입니다.
옵션 A: Xamarin에서 Parse .NET SDK 사용하기
Parse .NET SDK 의존성 추가:
Xamarin 프로젝트의 경우, NuGet을 통해 Parse .NET SDK를 포함합니다. NuGet 패키지 관리자를 열고 설치하세요:
PowerShell
Install-Package Parse
Install-Package Parse
﻿
Xamarin 앱에서 Parse 초기화:
초기화 파일을 생성하세요 (예: ParseInitializer.cs) 그리고 다음과 같이 구성하세요:
C#
// ParseInitializer.cs
using Parse;
public static class ParseInitializer {
public static void Initialize() {
ParseClient.Initialize(new ParseClient.Configuration {
ApplicationId = "YOUR_APPLICATION_ID",
WindowsKey = "YOUR_XAMARIN_KEY",
Server = "https://parseapi.back4app.com"
});
}
}
// ParseInitializer.cs
using Parse;
public static class ParseInitializer {
public static void Initialize() {
ParseClient.Initialize(new ParseClient.Configuration {
ApplicationId = "YOUR_APPLICATION_ID",
WindowsKey = "YOUR_XAMARIN_KEY",
Server = "https://parseapi.back4app.com"
});
}
}
﻿
﻿
Text

3. **Implement CRUD Operations:**  
For example, create a service class to manage Items:

```csharp
// ItemsService.cs
using Parse;
using System;
using System.Collections.Generic;
using System.Threading.Tasks;

public class ItemsService {
 public async Task<List<ParseObject>> GetItemsAsync() {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         return await query.FindAsync();
     } catch (Exception ex) {
         Console.WriteLine($"Error fetching items: {ex.Message}");
         return null;
     }
 }

 public async Task CreateItemAsync(string title, string description) {
     var item = new ParseObject("Items");
     item["title"] = title;
     item["description"] = description;

     try {
         await item.SaveAsync();
         Console.WriteLine("Item created successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error creating item: {ex.Message}");
     }
 }

 public async Task UpdateItemAsync(string objectId, string newTitle, string newDescription) {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         var item = await query.GetAsync(objectId);
         item["title"] = newTitle;
         item["description"] = newDescription;
         await item.SaveAsync();
         Console.WriteLine("Item updated successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error updating item: {ex.Message}");
     }
 }

 public async Task DeleteItemAsync(string objectId) {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         var item = await query.GetAsync(objectId);
         await item.DeleteAsync();
         Console.WriteLine("Item deleted successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error deleting item: {ex.Message}");
     }
 }
}

3. **Implement CRUD Operations:**  
For example, create a service class to manage Items:

```csharp
// ItemsService.cs
using Parse;
using System;
using System.Collections.Generic;
using System.Threading.Tasks;

public class ItemsService {
 public async Task<List<ParseObject>> GetItemsAsync() {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         return await query.FindAsync();
     } catch (Exception ex) {
         Console.WriteLine($"Error fetching items: {ex.Message}");
         return null;
     }
 }

 public async Task CreateItemAsync(string title, string description) {
     var item = new ParseObject("Items");
     item["title"] = title;
     item["description"] = description;

     try {
         await item.SaveAsync();
         Console.WriteLine("Item created successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error creating item: {ex.Message}");
     }
 }

 public async Task UpdateItemAsync(string objectId, string newTitle, string newDescription) {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         var item = await query.GetAsync(objectId);
         item["title"] = newTitle;
         item["description"] = newDescription;
         await item.SaveAsync();
         Console.WriteLine("Item updated successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error updating item: {ex.Message}");
     }
 }

 public async Task DeleteItemAsync(string objectId) {
     var query = new ParseQuery<ParseObject>("Items");
     try {
         var item = await query.GetAsync(objectId);
         await item.DeleteAsync();
         Console.WriteLine("Item deleted successfully.");
     } catch (Exception ex) {
         Console.WriteLine($"Error deleting item: {ex.Message}");
     }
 }
}
﻿
옵션 B: REST 또는 GraphQL 사용
Parse .NET SDK를 선호하지 않는 경우, REST 호출을 통해 CRUD 작업을 구현할 수 있습니다. 예를 들어, Xamarin 앱에서 REST를 사용하여 항목을 검색하는 방법은 다음과 같습니다:
C#
using System;
using System.IO;
using System.Net.Http;
using System.Threading.Tasks;

public class RestClient {
 private static readonly HttpClient client = new HttpClient();

 public async Task FetchItemsAsync() {
     try {
         var request = new HttpRequestMessage(HttpMethod.Get, "https://parseapi.back4app.com/classes/Items");
         request.Headers.Add("X-Parse-Application-Id", "YOUR_APPLICATION_ID");
         request.Headers.Add("X-Parse-REST-API-Key", "YOUR_REST_API_KEY");

         var response = await client.SendAsync(request);
         response.EnsureSuccessStatusCode();
         var responseBody = await response.Content.ReadAsStringAsync();
         Console.WriteLine($"Response: {responseBody}");
     } catch (Exception ex) {
         Console.WriteLine($"Error fetching items: {ex.Message}");
     }
 }
}
using System;
using System.IO;
using System.Net.Http;
using System.Threading.Tasks;

public class RestClient {
 private static readonly HttpClient client = new HttpClient();

 public async Task FetchItemsAsync() {
     try {
         var request = new HttpRequestMessage(HttpMethod.Get, "https://parseapi.back4app.com/classes/Items");
         request.Headers.Add("X-Parse-Application-Id", "YOUR_APPLICATION_ID");
         request.Headers.Add("X-Parse-REST-API-Key", "YOUR_REST_API_KEY");

         var response = await client.SendAsync(request);
         response.EnsureSuccessStatusCode();
         var responseBody = await response.Content.ReadAsStringAsync();
         Console.WriteLine($"Response: {responseBody}");
     } catch (Exception ex) {
         Console.WriteLine($"Error fetching items: {ex.Message}");
     }
 }
}
﻿
필요에 따라 Xamarin 프로젝트 내에서 이러한 API 호출을 통합하십시오.
﻿
5단계 – 백엔드 보안 강화
액세스 제어 목록(ACL) 구성
객체에 ACL을 설정하여 데이터를 보호하세요. 예를 들어, 소유자만 접근할 수 있는 항목을 생성하려면:
C#
using Parse;
using System;

public async Task CreatePrivateItemAsync(string title, string description, ParseUser owner) {
    var item = new ParseObject("Items");
    item["title"] = title;
    item["description"] = description;

    var acl = new ParseACL(owner);
    acl.PublicReadAccess = false;
    acl.PublicWriteAccess = false;
    item.ACL = acl;

    try {
        await item.SaveAsync();
        Console.WriteLine("Private item created successfully.");
    } catch (Exception ex) {
        Console.WriteLine($"Error saving private item: {ex.Message}");
    }
}
using Parse;
using System;

public async Task CreatePrivateItemAsync(string title, string description, ParseUser owner) {
    var item = new ParseObject("Items");
    item["title"] = title;
    item["description"] = description;

    var acl = new ParseACL(owner);
    acl.PublicReadAccess = false;
    acl.PublicWriteAccess = false;
    item.ACL = acl;

    try {
        await item.SaveAsync();
        Console.WriteLine("Private item created successfully.");
    } catch (Exception ex) {
        Console.WriteLine($"Error saving private item: {ex.Message}");
    }
}
﻿
클래스 수준 권한(CLP) 설정
Back4app 대시보드 내에서 CLP를 구성하여 기본 액세스 규칙을 설정하세요. 이를 통해 인증된 사용자만 특정 클래스와 상호작용할 수 있습니다.
﻿
6단계 – Xamarin에서 사용자 인증 구현
사용자 계정 관리
Back4app은 인증을 위해 내장된 Parse User 클래스를 활용합니다. Xamarin 앱에서 사용자 등록 및 로그인을 아래와 같이 관리하세요:
C#
using Parse;
using System;

public class AuthService {
    public async Task SignUpAsync(string username, string password, string email) {
        var user = new ParseUser {
            Username = username,
            Password = password,
            Email = email
        };

        try {
            await user.SignUpAsync();
            Console.WriteLine("User registered successfully!");
        } catch (Exception ex) {
            Console.WriteLine($"Error during sign up: {ex.Message}");
        }
    }

    public async Task LogInAsync(string username, string password) {
        try {
            var user = await ParseUser.LogInAsync(username, password);
            Console.WriteLine($"User logged in: {user.Username}");
        } catch (Exception ex) {
            Console.WriteLine($"Login failed: {ex.Message}");
        }
    }
}
using Parse;
using System;

public class AuthService {
    public async Task SignUpAsync(string username, string password, string email) {
        var user = new ParseUser {
            Username = username,
            Password = password,
            Email = email
        };

        try {
            await user.SignUpAsync();
            Console.WriteLine("User registered successfully!");
        } catch (Exception ex) {
            Console.WriteLine($"Error during sign up: {ex.Message}");
        }
    }

    public async Task LogInAsync(string username, string password) {
        try {
            var user = await ParseUser.LogInAsync(username, password);
            Console.WriteLine($"User logged in: {user.Username}");
        } catch (Exception ex) {
            Console.WriteLine($"Login failed: {ex.Message}");
        }
    }
}
﻿
이 접근 방식은 세션 관리, 비밀번호 복구 및 기타 인증 관련 기능을 포함하도록 확장할 수 있습니다.
﻿
7단계 – 결론 및 향후 방향
잘 했습니다! Back4app과 통합된 Xamarin 기반 CRUD 애플리케이션을 성공적으로 개발했습니다. 이 튜토리얼에서 여러분은:
이름이 Basic-CRUD-App-Xamarin인 Back4app 프로젝트를 구성했습니다.
항목 및 사용자에 필요한 데이터 구조를 설계했습니다.
Back4app 관리 앱을 활용하여 데이터를 관리했습니다.
Xamarin 애플리케이션을 Parse .NET SDK(또는 REST/GraphQL)를 통해 연결하여 CRUD 작업을 수행했습니다.
ACL 및 CLP를 포함한 강력한 보안 조치를 구현했습니다.
계정 생성 및 로그인을 관리하기 위해 사용자 인증을 설정했습니다.
다음 단계:
앱 기능 확장:
고급 필터링, 상세 항목 보기 또는 실시간 데이터 업데이트와 같은 기능 추가를 고려하세요.
백엔드 기능 향상:
클라우드 기능, 타사 통합 및 역할 기반 액세스 제어를 탐색하세요.
추가 학습:
 Back4app 문서 및 애플리케이션을 최적화하고 확장하기 위한 추가 리소스를 방문하세요.
코딩을 즐기시고 Xamarin CRUD 애플리케이션에 행운이 있기를 바랍니다!
필드	데이터 유형	설명
_id	객체 ID	자동 생성된 고유 식별자.
제목	문자열	항목의 이름.
설명	문자열	항목에 대한 간략한 요약.
생성일	날짜	생성 타임스탬프.
업데이트됨	날짜	마지막 업데이트를 표시하는 타임스탬프.
필드	데이터 유형	설명
_id	객체 ID	자동으로 생성된 고유 ID.
사용자 이름	문자열	사용자를 위한 고유한 사용자 이름.
이메일	문자열	계정 연락처를 위한 고유 이메일 주소.
비밀번호 해시	문자열	보안을 위한 암호화된 비밀번호.
생성일	날짜	계정 생성 타임스탬프.
업데이트됨	날짜	마지막 계정 업데이트의 타임스탬프.
업데이트됨 20 Feb 2025
이 페이지가 도움이 되었습니까?
코틀린으로 CRUD 애플리케이션 만드는 법?
Flutter로 CRUD 앱 만드는 방법?