TypeScript+Vue3.0 실습 튜토리얼

• 장1 TS 설치 및 컴파일
• 1-1 TS 소개
• 1-2 TypeScript 설치 및 컴파일
• 장2 기본 데이터 유형
• 2-1 기본 데이터 유형
• 2-2 임의의 값(임의)
• 2-3 유형 추론
• 2-4 조합 유형
• 2-5 상호 작용
• 2-6 정렬
• 장3 기능
• 3-1 함수 선언, 함수 표현
• 3-2 선택적 매개변수, 매개변수 기본값
• 3-3 나머지 매개변수, 오버로딩
• 장4 유형 주장
• 4-1 공용체 유형을 해당 유형 중 하나로 주장하는 구문
• 4-2 보다 구체적인 하위 클래스에 상위 클래스를 어설션
• 4-3 모든 유형을 모든 유형으로 주장
• 4-4 구체적인 유형으로 any를 어설션
• 4-5 유형 어설션의 제한 사항
• 4-6 이중 주장
• 4-7 유형 주장 VS 제네릭
• 장5 튜플과 열거형
• 5-1 type 키워드를 사용하여 유형 별칭 및 문자열 리터럴 유형을 정의합니다.
• 5-2 튜플
• 5-3 낱낱이 세다
• 장6 친절한
• 6-1 개념, 생성자, 속성 및 메서드
• 6-2 접속자
• 6-3 정적 방법
• 6-4 세 가지 접근 한정자: 공개, 비공개, 보호
• 6-5 매개변수 속성 및 읽기 전용 속성 키워드
• 6-6 추상 수업
• 6-7 클래스와 인터페이스, 클래스는 인터페이스를 상속하고, 인터페이스는 인터페이스를 상속하고, 인터페이스는 클래스를 상속합니다.
• 장7 제네릭
• 7-1 개념, 간단한 예
• 7-2 다중 유형 매개변수
• 7-3 일반 제약조건
• 7-4 일반 인터페이스
• 7-5 일반 클래스
• 7-6 병합 선언, 동일한 이름을 가진 함수, 인터페이스 및 클래스 병합
• 7-7 마지막에 쓰세요
• 장8 Vue3 실용적인 주제
• 8-1 오프닝 소개
• 8-2 Vue3 실행 환경 설치 - 실행 환경을 설치해야 하는 이유
• 8-3 npm 이미지 설치
• 8-4 VueCI 스캐폴딩 설치
• 8-5 Vue3 프로젝트 생성
• 8-6 프로젝트 디렉토리 구조 설명
• 8-7 vue2VSvue3 프로젝트 main.js 비교
• 8-8 vue3 수명주기 변경 및 설정 기능 이해
• 8-9 ref, 반응형 반응형 데이터 수명
• 8-10 요소 펄스 소개
• 8-11 HTTP 프레임워크 소개
• 8-12 축 캡슐화
• 8-13 아침, 저녁 백그라운드 관리 시스템 페이지 구조 분석 및 로그인 페이지 작성
• 8-14 axios를 사용하여 로그인 완료
• 8-15 메인페이지 왼쪽 메뉴바 개선
• 8-16 하위 경로 설계
• 8-17 강좌 목록 페이지 작성
• 8-18 프런트엔드 목록 페이징 구현
• 8-19 페이지 매김 구성 요소 및 필터 목록
• 8-20 프로젝트 요약
• 장9 vue3+Element-plus+axios 실제 전투
• 9-1 강좌소개 01
• 9-2 강좌소개 02
• 9-3 vue2와 vue3의 차이점 비교 - 더 빠릅니다.
• 9-4 vue2와 vue3 차등 비교--볼륨 감소
• 9-5 vue2와 vue3 차등 비교 - 유지 관리가 더 쉽습니다.
• 9-6 vue2와 vue3 차등 비교 - 더 높은 기본 지원
• 9-7 프로젝트 기능 표시
• 9-8 개발 환경 및 기술 스택
• 9-9 NodeJS 환경 설치
• 9-10 Vue-CLI 설치
• 9-11 프런트엔드 프로젝트 생성 및 디렉토리 소개
• 9-12 TypeScript 및 SCSS 설치
• 9-13 ElementPlus 소개 및 사용
• 9-14 홈페이지 모듈사업부
• 9-15 라우팅 구성 및 사용
• 9-16 홈페이지 헤더, 푸터 개발 및 컴포넌트 활용
• 9-17 전환을 달성하기 위해 라우팅과 결합된 메뉴 표시줄 컨트롤 사용
• 9-18 홈페이지에 배너 캐러셀 구현
• 9-19 변수에서 캐러셀 데이터 읽기
• 9-20 axios를 사용하여 JSON 데이터 읽기
• 9-21 webapi 생성, 운영, 디렉토리 설명 백엔드 개발
• 9-22 webapi 라우팅 설정 및 swagger를 사용하여 인터페이스 보기 및 디버깅
• 9-23 Axios는 webapi를 읽고 도메인 간 문제를 해결합니다.
• 9-24 교차 도메인 백엔드 처리 방법 구문 분석
• 9-25 도메인 간 프런트엔드 처리 문제 해결
• 9-26 홈페이지 주요 콘텐츠 개발
• 9-27 꽃 목록 인터페이스
• 9-28 로그인 등록 페이지 기능 분석 및 사용자 테이블 디자인
• 9-29 SqlSugar 소개 및 설치
• 9-30 SqlSugar를 사용하여 Code First 구현 및 데이터베이스 생성
• 9-31 리플렉션과 결합된 SqlSugar를 사용하여 테이블 생성 및 데이터 초기화
• 9-32 서비스 레이어 구축 및 구조 소개
• 9-33 AutoMapper 설치 및 사용
• 9-34 꽃 목록 인터페이스 도킹 데이터베이스
• 9-35 vuex 상태 관리를 통한 vue 소개 및 사용
• 9-36 등록 인터페이스 및 제출 양식 출력 매개변수 구현
• 9-37 백엔드 API 도킹
• 9-38 로그인 인터페이스 및 백엔드 API 도킹 구현
• 9-39 vuex를 사용하여 오른쪽 상단에서 상태 전환 구현 - 프로세스 완료
• 9-40 인증코드 분석 및 구현 프로세스 분석
• 9-41 인증코드 백엔드 인터페이스 구현
• 9-42 인증코드 기능 프런트엔드 구현(새로고침하려면 클릭)
• 9-43 로그인 및 등록 보조 인증 코드 로직
• 9-44 프런트엔드 목록 페이지 구현
• 9-45 목록 페이지 데이터 읽기 및 바인딩
• 9-46 컴포넌트 기반 개발 목록 페이지 추출
• 9-47 상세페이지 구현
• 9-48 세부정보 페이지 데이터 읽기 및 바인딩
• 9-49 탐색경로 구성요소 사용
• 9-50 결제 페이지 디자인 및 주문 생성 요청 시작
• 9-51 주문 인터페이스 구현 생성
• 9-52 주문 인터페이스 분석, 바우처의 중요성
• 9-53 JWT 활용, 로그인 및 등록 로직 조정
• 9-54 프런트엔드 로그인 등록 로직 조정, 토큰 저장 및 파싱
• 9-55 주문 인터페이스와 인증 로직 생성
• 9-56 개인센터 페이지 개발
• 9-57 주문 목록 데이터 읽기 및 바인딩
• 9-58 인증 로직 및 다양한 사례 시연
• 9-59 백엔드 업그레이드를 위한 IOC의 개념과 구현
• 9-60 백엔드 업그레이드를 위한 IOC 확장, Autofac 사용
• 9-61 프런트엔드 업그레이드를 위한 Axios 인터셉터 사용(1부)
• 9-62 프런트엔드 업그레이드를 위한 Axios 인터셉터 사용(2부)
• 9-63 Log4Net 구성 및 사용(1부), 텍스트 로그 작성
• 9-64 Log4Net 구성 및 사용(2부), 데이터베이스 로그 작성
• 9-65 백엔드 게시 및 배포
• 9-66 프런트엔드 출시 및 배포