spa30 다운로드 - spa30 소스코드 다운로드

spa30

기타 카테고리

1.0.0

다운로드

마켓플레이스 프로젝트

우리는 사람들이 판매하고 싶은 제품을 관리할 수 있는 간단한 웹 애플리케이션을 구축할 것입니다.

누구나 기존 제품을 찾아볼 수 있습니다.
인증된 사용자만 새 제품을 추가할 수 있습니다.
제품 소유자만 제품을 편집하거나 삭제할 수 있습니다.

우리는 3개의 프로젝트를 만들 예정입니다. FrontEnd 프로젝트는 Vuejs, Vue Router 및 Vuetify를 사용하여 구축된 프로그레시브 웹 애플리케이션이 될 것이며, 서버 측에서는 Visual Studio 2019를 사용하여 두 개의 .NET Core 3.0 웹 애플리케이션을 구축할 예정입니다. 하나는 REST API를 노출하고 두 번째는 이를 처리합니다. Identity Server 4를 사용한 인증.

프런트엔드 클라이언트
- 자바스크립트(ECMAScript 2015+)
- HTML5
- CSS3
- Vue.js 2
- Vue 라우터
- Vuetify
- ID 연결 클라이언트 열기
- API 가져오기
- 기본 카메라 API

이 프로젝트는 HTML 사용자 인터페이스를 동적으로 구성하여 브라우저를 통해 사용자와 상호 작용하고 javascript 및 json을 사용하여 서버와 통신합니다.

REST 서비스
- .NET Core 3.0 웹 API 컨트롤러
- 엔터티 프레임워크 코어 3.0
- SQL 서버 데이터베이스
- Identity Server 클라이언트 인증

이 프로젝트는 서버에 데이터를 저장하고 http 및 json을 통해 클라이언트 요청에 응답하는 역할을 담당합니다.

인증 서버
- 아이덴티티 서버 4
- 엔터티 프레임워크 코어

이 프로젝트에서는 인증 부분을 처리합니다. 클라이언트 애플리케이션이 서버에 액세스하는 데 사용할 JWT 토큰을 발행합니다.

이미 알아야 할 사항:

기음#
자바스크립트(ECMAScript 2015+)
HTML5
CSS3

당신이 배울 내용:

REST란 무엇인가
.NET 코어란?
ASP.NET 코어
웹 API 컨트롤러란?
황조롱이
미들웨어
환경변수
ASP.NET 코어 구성
의존성 주입
엔터티 프레임워크 코어
우편 집배원
코르스
Vue.js
Vue 라우터
API 가져오기
웹팩
Vuetify
인증 및 승인
OAuth 2 및 Open Id Connect
아이덴티티 서버 4
리소스 소유자 권한 부여

시작하기 전에 다음이 필요합니다.

Visual Studio 2019(Community Edition이면 충분함)

워크로드 ".NET Core 크로스 플랫폼 개발"을 설치했는지 확인하세요. Visual Studio 설치 관리자를 실행하여 워크로드를 확인하고 설치할 수 있습니다.

비주얼 스튜디오 코드
마디

.NET Core 설치에 대한 자세한 내용은

https://www.microsoft.com/net/download/windows를 참조하세요.

우리의 작업 흐름

우리는 프로젝트를 간단한 단계로 나눌 것입니다. 각 단계는 하나의 작업에 중점을 두고 이전 단계를 기반으로 구축됩니다. 우리는 그 과정에서 점점 더 복잡해질 간단한 프로젝트부터 시작할 것입니다. 예를 들어 처음에는 인증 및 권한 부여에 중점을 두지 않습니다. 이후 단계에서 추가하겠습니다.

이 폴더에는 다른 하위 폴더가 포함되어 있습니다. 각 하위 폴더는 프로젝트의 단계를 나타냅니다. "시작" 폴더는 각 단계의 시작점입니다. "솔루션" 폴더는 각 랩이 끝날 때 프로젝트가 어떻게 될지 확인하려는 경우를 대비하여 제공되는 각 단계의 최종 버전입니다. 여러분이 해야 할 일은 시도하려는 실습에 해당하는 시작 폴더(예: 시작하려면 Lab01/Start )를 열고 readme.md 파일에 있는 지침을 따르는 것입니다. 완료되면 작업 내용을 솔루션 폴더에 제공된 솔루션과 자유롭게 비교해 보세요.