Vue3.0 from 0을 통해 범용 백엔드 관리 시스템 프로젝트 실습 구축

• 장1 프로젝트 디스플레이
• 1-1 강좌개요 소개
• 1-2 프로젝트 효과 표시
• 1-3 제품 개발 과정
• 장2 프로젝트 설정
• 2-1 프로젝트 설정 및 자동 액세스
• 2-2 Vue 및 cli 다중 버전 전환
• 2-3 프로젝트 빌드
• 2-4 elementUI 글로벌 및 주문형 구성
• 2-5 CSS 전처리기 및 스타일 재설정
• 2-6 아이콘 라이브러리 설치 및 사용
• 장3 축과 라우팅
• 3-1 Axios 및 라우팅 설치 및 사용
• 3-2 지연 로딩 및 비동기 구성 요소 라우팅
• 3-3 로그인 페이지 간편인증
• 3-4 로그인 페이지 고급 검증
• 3-5 로그인 인증 캡슐화 및 토큰 캡슐화
• 3-6 인터페이스 설명 및 Postman 확인
• 3-7 Axios 2차 포장
• 3-8 로그인 방법 캡슐화 및 404
• 장4 메인 페이지 및 메뉴 구성 요소
• 4-1 머리글 및 바닥글 구성 요소
• 4-2 기본 메뉴 및 모듈 라우팅 구현
• 4-3 메뉴 라우팅 및 탐색경로
• 장5 학생 목록, 테이블 렌더링
• 5-1 학생 목록 렌더링 API 패키지
• 5-2 표 형식 데이터 변환
• 5-3 프런트엔드 페이징 구현
• 5-4 학생 목록에서 중복을 삭제하는 방법
• 장6 정보 목록 페이지
• 6-1 정보 목록 페이지 구현
• 6-2 재사용을 위한 수정 팝업창 추가
• 6-3 API 수정을 위한 새 패키지가 추가되었습니다.
• 6-4 추가, 삭제, 수정, 확인, 캡슐화 및 재사용
• 장7 작업목록, 작업관리, 페이징
• 7-1 테이블 데이터 메소드 캡슐화
• 7-2 백엔드 페이징 방법
• 7-3 페이징 구성 요소 캡슐화 및 재사용
• 장8 지도 개요 및 ECharts 시작하기
• 8-1 ECharts 히스토그램 구현
• 8-2 ECharts 선 차트 구현
• 8-3 ECharts 기본 지도 그리기
• 8-4 지도 영역 스타일 설정
• 8-5 지역별 텍스트 및 스테레오 설정
• 8-6 단일 지점 리플 구성 지도
• 8-7 다중 지점 산점도 구성 지도
• 8-8 단선 다이어그램 구성 지도
• 8-9 지도 단선 스타일 설정
• 8-10 분산형 선 다이어그램 구현
• 8-11 온라인 지도 리소스 얻기
• 장9 권한 관리, 트리 제어, 라우팅 탐색, nginx 패키징 및 배포
• 9-1 트리 제어 및 라우팅 권한 분석
• 9-2 트리 컨트롤의 선택된 값을 가져옵니다.
• 9-3 항로탐색 가드 차단 검증
• 9-4 Vue 프로젝트 패키징 nginx 배포
• 9-5 nginx 배포 새로 고침 404 문제
• 9-6 nginx 프로젝트 배포 500 관련 문제
• 장10 TS 프로젝트 재구성
• 10-1 TS사업 재건축 및 건설
• 10-2 TS 재구성 프로젝트 종속성 설치
• 10-3 main.ts 재구성 및 오류 처리
• 10-4 라우팅 TS 재구성
• 10-5 api.ts 리팩토링
• 10-6 TS 재구성 구현
• 10-7 로그인 페이지 재구성 및 요약
• 장11 Vue3 프로젝트 리팩토링
• 11-1 Vue3 프로젝트 구축
• 11-2 Vue3 프로젝트는 설치에 따라 다릅니다.
• 11-3 ElementPlus 및 axios 전역 사용
• 11-4 Vue3 리팩토링 코드 마이그레이션
• 11-5 Vue3 재구성 오류 보고 솔루션
• 11-6 Vue3 리팩터링 메뉴 구성요소
• 11-7 main.js가 리팩터링되고 개선되었습니다.
• 11-8 Vue3 데이터 개요 페이지 설정 재구성
• 11-9 Vue3 지도 개요 재구성
• 11-10 Vue3 여행 지도 재구성
• 11-11 프로젝트 실무 요약