'2023/03 글 목록

2023/03 (35)

[Web 팁] JSON-SERVER 사용법

웹 프로그래밍 범범조조 2023. 3. 30. 21:18

참고 https://github.com/typicode/json-server https://www.npmjs.com/package/json-server JSON-SERVER 개요 프론트엔트 개발을 할 떄 서버단의 데이터를 가져와서 테스트를 진행해야 하는 경우가 있습니다. 하지만, 백엔드쪽 개발이 미완성이라면..데이터를 가져와서 테스트를 진행할 수가 없습니다.. 하지만, JSON-SERVER 를 이용하면 실무에서 사용하는 실 데이터와 최대한 비슷한 느낌으로 가짜 API 서버를 만들어서 테스트를 진행할 수있습니다. 즉, JSON-SERVER 를 이용하여 연습용 서버를 쉽게 구성하여 백엔드쪽이 완성되지 않더라도 프론트엔드 개발에는 문제 없이 개발을 진행할 수 있습니다. 참고로, JSON-SERVER 는 프로덕..

[React] react-query 사용하기

웹 프로그래밍/React 범범조조 2023. 3. 30. 20:17

참고 https://kyounghwan01.github.io/blog/React/react-query/basic/#%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%92%E1%85%A1%E1%84%82%E1%85%B3%E1%86%AB-%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%B2 개요 Vite 을 통해 테스트 진행할 리액트 프로젝트 하나를 생성합니다. 생성된 프로젝트에 react-query 를 다운받고, CRUD 기능을 통해 react-query 사용 방법에 대해서 익힙니다. 사용 기술 react-query 테스트 프로젝트를 개발하기 위해, 사전에 필요한 라이브러리 정보는 다음과 같습니다. vite react-query react-query-..

[React] React Query 란?

웹 프로그래밍/React 범범조조 2023. 3. 30. 20:13

참고 https://tanstack.com/query/v3/ https://velog.io/@94applekoo/React-Query-%EC%B4%9D-%EC%A0%95%EB%A6%AC React-Query 개요 React-Query 는 리액트 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주는 라이브러리 입니다. 클라이언트 상태와 서버 상태를 명확히 구분하기 위해 만들어 졌습니다. React-Query 에서는 기존 상태 관리 라이브러리인 redux, mobX 가 클라이언트 상태 작업에 적합하지만, 비동기 또는 서버 상태 작업에는 그다지 좋지는 않다고 언급 했습니다. 클라이언트 상태와 서버 상태는 완전히 다른 개념이며, 클라이언트 상태는 각각의 input..

[gRPC] C# gRPC Server/Client 생성하기

gRPC 범범조조 2023. 3. 21. 00:59

목적 C# 으로 gRPC 통신을 구현합니다. Server/Client 두 서비스 모두 C# 으로 작성합니다. 그럼 C# 으로 간단한 gRPC 서비스를 만들어 보도록 하겠습니다. 개발 환경 개발 환경은 다음과 같습니다. OS : Windows 11 .NET Version : .NET 6 IDE : Visual Studio 2022 gRPC Server 구현 그럼 먼저 gRPC C# Server 를 구현하는 방법에 대해서 알려 드리도록 하겠습니다. Visual Studio 2022 를 실행한 후, ASP.NET Core gRPC 서비스 프로젝트를 생성합니다. gRPC 서비스를 생성하게 되면, 기본으로 Protos 폴더가 생깁니다. Default 로 greet.proto 라고 해서 프로토콜 버퍼가 생깁니다. ..

[PostgreSQL] PostgreSQL 에서 JSONB 사용한 CRUD

Database(데이터베이스) 범범조조 2023. 3. 20. 00:56

참조 참고 사이트 소개 요즘 데이터를 전송하는 가장 일반적인 방법은 JSON(JavaScript Object Notation) 을 사용하는 것입니다. Postgres 9.5 이상 부터는 JSON을 저장 및 가져올 수 있을 뿐만 아니라 JSON 구조를 기반으로 작업을 수행할 수 있도록 새로운 JSONB 유형의 Column이 새롭게 도입되었습니다. Use case 다음 User를 등록하는 간단한 애플리케이션이 있습니다. 응용프로그램을 개선하고 사용자 인터페이스(테마, 아이콘, 텍스트 크기)를 구성하는 기능을 추가한다고 가정합니다. 각 사용자는 여러 개의 구성을 가질 수 있으며 이러한 구성을 전환할 수도 있습니다. 위 내용을 토대로 작업할 JSON은 다음과 같습니다. { "userid":"artur@gmail..

[C#] EF Core - Fluent API 1:N 관계

C# 범범조조 2023. 3. 19. 00:54

참조 참고 사이트 소개 일반적으로 EF Core 에는 자동으로 구성할 수 있는 충분한 규칙이 포함되어 있으므로 1:N 관계를 구성할 필요가 없습니다. 그러나 쉬운 유지 관리를 위해 Fluent API 에 모든 EF 구성을 포함하기로 결정한 경우 Fluent API를 사용하여 1:N 관계를 구성할 수 있습니다. 예제 EF Core를 사용하면 Fluent API를 사용하여 관계를 쉽게 구성할 수 있습니다. Grade Entity가 많은 Student Entity를 포함하는 다음 Student 및 Grade 클래스를 보시면 됩니다. public class Student { public int Id { get; set; } public string Name { get; set; } public int Curre..

[C#] EF Core - Fluent API 1:1 관계

C# 범범조조 2023. 3. 18. 00:52

참조 참고 사이트 소개 일반적으로 EF Core에는 1:1 관계에 대한 규칙이 포함되어 있으므로 1:1 관계를 수동으로 구성할 필요가 없습니다. 그러나 키 또는 외래 키 속성이 규칙을 따르지 않는 경우 데이터 주석 속성 또는 Fluent API를 사용하여 두 Entity 간의 1:1 관계를 구성할 수 있습니다. 예제 외래 키 규칙을 따르지 않는 다음 Student 및 StudentAddress Entity 간의 1:1 관계를 구성해 보도록 하겠습니다. public class Student { public int Id { get; set; } public string Name { get; set; } public StudentAddress Address { get; set; } } public class ..

[C#] EF Core - Fluent API N:N 관계

C#/C# 문법 범범조조 2023. 3. 17. 00:51

참조 참고 사이트 목적 EF Core 에서 Entity 간의 N:N 관계 표현은 어떻게 표현하는지 알아보도록 합니다. 예제 다음 Student 및 Course Entity 간에 N:N 관계를 구현해 보도록 하겠습니다. 여기에서 한 학생이 여러 Course에 등록할 수 있고 같은 방식으로 한 Course 에 많은 학생이 참여할 수 있다고 합니다. public class Student { public int StudentId { get; set; } public string Name { get; set; } } public class Course { public int CourseId { get; set; } public string CourseName { get; set; } public string De..

[PostgreSQL] PostgreSQL Docker Container 실행 및 pgAdminGUI 사용

Database(데이터베이스) 범범조조 2023. 3. 16. 00:50

목적 PostgreSQL 을 Docker Container 로 실행한 후, PostgreSQL GUI 도구인 pgAdminGUI 를 이용하여 테스트 진행할 테이블 생성 및 데이터 추가 합니다. PostgreSQL Docker Container 실행 다음 명령어를 통해 PostgreSQL Database 를 Docker Container로 실행합니다. > docker run --name pg -p 5432:5432 -e POSTGRES_PASSWORD=postgres postgres pgAdmin GUI 설치 및 실행 pgAdmin 공식 홈페이지 에서 접속하여 최신 버전의 pgADmin GUI 프로그램을 설치 진행합니다. 본인 OS 에 맞는 버전에 맞춰서 설치 진행하면 됩니다. pgAdmin 실행 정상적으..

[C#] EF Core 첫 번째 어플리케이션

C# 범범조조 2023. 3. 15. 00:48

참고 EF Core MSDN EF Core 튜토리얼 소개 Code-First 방식으로 EF Core 첫 번째 어플리케이션을 만들어 보도록 하겠습니다. 개발 환경 개발 환경은 다음과 같습니다. OS : Windows 11 .NET Version : .NET 6* IDE : Visual Studio 2022 Database : PostgreSQL 콘솔 프로그램 생성 Visual Studio 2022 를 실행하고, C# 콘솔 프로그램을 하나 생성합니다. Npgsql.EntityFrameworkCore NuGet Package 설치 저는 Database를 PostgreSQL을 사용하기 때문에, Npgsql.EntityFrameworkCore NuGet Package 를 설치 진행하였습니다. 모델 만들기 Enti..

[C#] Entity Framework Core 란

C# 범범조조 2023. 3. 14. 00:49

참고 EF Core MSDN EF Core 튜토리얼 Entity Framework Core 란? EF(Entity Framework) Core는 널리 사용되는 Entity Framework 데이터 액세스 기술의 가볍고 확장 가능한 오픈소스 플랫폼 입니다. EF Core는 다음과 같은 O/RM(개체 관계형 매퍼) 로 사용될 수 있습니다. .NET 개발자가 .NET 개체를 사용하여 데이터베이스로 작업할 수 있도록 합니다. 개발자가 일반적으로 작성해야 하는 대부분의 데이터 액세스 코드가 필요하지 않습니다. EF Core는 여러가지 데이터베이스 엔진을 지원합니다. 지원하는 정보는 지원 정보 사이트를 참고하면 됩니다. Entity Framework Model Code First : 데이터베이스를 미리 설계하지 않..

[C#] EF Core CRUD

C# 범범조조 2023. 3. 13. 00:46

참고 EF Core 첫 번째 어플리케이션 소개 앞서 Code-First 방식으로 EF Core 첫 번째 어플리케이션을 만들어 보았습니다. 다음으로 만들어진 프로젝트에 이어서, CRUD 기능을 추가해 보도록 하겠습니다. Insert Data 앞서, School, Course 테이블을 마이그레이션 하여 PostgreSQL 데이터베이스에 생성하였습니다. 그럼 실제로 School 테이블에 데이터를 저장해 보도록 하겠습니다. using EFCoreSample; using (var context = new SchoolContext()) { context.Database.EnsureCreated(); AddStudent(context); } static void AddStudent(SchoolContext conte..

1
2
3

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바