ASP.NET Core in .NET 8.0 (5) 썸네일형 리스트형 240715 회원 관리 서버 HIVE 프로젝트 구조Hive.Server/├── Controllers/│ └── AuthController.cs├── DTO/│ └── UserDto.cs│ └── RegisterDto.cs│ └── LoginDto.cs├── Models/│ └── User.cs├── Properties/├── Repository/│ └── IUserRepository.cs│ └── UserRepository.cs└── Data/ └── ApplicationDbContext.cs └── Migrations/ User 클래스Models/User.csnamespace Hive.Server.Models{ public class User { public int Id { get.. 240710 오목 게임 프로젝트 생성 및 설정 (MySql 연결) 요약1) 프로젝트 생성: ASP.NET Core Web API Server 및 Blazor WebAssembly Client 프로젝트를 생성2) 솔루션 파일 생성 및 프로젝트 추가: 솔루션 파일을 생성하고, 두 프로젝트를 솔루션에 추가3) 패키지 설치: 'Pomelo.EntityFrameworkCore.MySql' 패키지 설치4) appsettings.json 수정: appsettings.json 파일을 수정하여 MySQL 데이터베이스 연결, 로깅 수준, 허용된 호스트를 설정5) 데이터베이스 컨텍스트 설정: ApplicationDbContext를 설정하여 데이터베이스와 상호작용을 관리할 수 있도록 설정6) ASP.NET Core 애플리케이션 기본 설정: 데이터베이스 컨텍스트 설정, Swagger 설정, .. 240710 오목 웹 게임 프로젝트 시작 프로젝트 소개- 온라인 오목 게임 구현목표웹 백엔드 서버 방식의 게임 서버 개발웹 기반의 툴 개발C#, ASP.NET Core Web API, Blazor 실습MySQL, Redis 실습서버 구성구현 기능회원가입로그인(매칭 요청)오목 게임 플레이게임 결과 저장유저 게임 데이터 표시우편함출석부게임 아이템오목 게임 리플레이상점친구 240709 #2 웹 페이지 Rendering 방식 Rendering 이란 ?- 데이터를 시각적으로 표현하는 과정- 브라우저나 화면에 콘텐츠를 표시하는 과정웹 개발에서의 Rendering- HTML, CSS, JavaScript 같은 웹 기술을 사용하여 웹 페이지를 웹 브라우저에 표시하는 과정 Rendering 과정1. HTML 파싱- 브라우저가 HTML 문서를 읽고 DOM 트리를 생성한다.( DOM ? Document Object Model, 웹 페이지 구조와 콘텐츠를 나타내는 트리 구조 ) 2. CSS 파싱- 브라우저가 CSS를 읽고 스타일 규칭을 파싱하여 CSSOM 트리를 생성한다.( CSSOM ? CSS Object Model, CSS 구조와 콘텐츠를 나타내는 트리 구조 ) 3. JavaScript 실행- JavaScript 코드를 실행하여 DOM.. 240709 #1 ASP.NET Core Blazor Blazor란- .NET 기반 Full Stack Web UI Framework- 웹 애플리케이션 개발에서 프론트엔트(클라이언트 측)와 백엔드(서버 측) 모두를 다룰 수 있는 Framework Blazor의 기능과 이점1. 재사용 가능한 Component 모델- Blazor는 Component 기반 아키텍처를 사용- 개발자가 UI 요소를 독립적인 Component로 나누어 개발할 수 있게 해준다.- 이러한 Component는 재사용 가능하며, 이로 인해 코드 중복을 줄이고 유지보수를 쉽게 할 수 있다. 2. 효율적인 Diffing Algorithm 기반 Component 렌더링- 기존 UI와 새로운 UI 상태를 비교하여 변경된 부분만 업데이트하는 방식- 전체 페이지를 다시 렌더링하지 않고도 UI 변경 사.. 이전 1 다음