실무에 바로 쓰는
프로그램과 IT 지식을 모았습니다

기존 Python/Tkinter 사원관리 프로그램을 분석하고 Vue + FastAPI 기반 웹 프로그램으로 단계적으로 전환합니다.

Vue 프론트엔드와 FastAPI 백엔드, Service·Repository·SQLite를 연결하여 실제 CRUD 사원관리 웹 프로그램을 완성합니다.

기존 Python 프로그램의 계산·검증·문자열·날짜·파일 처리 로직을 FastAPI 서버에서 재사용하는 방법을 알아봅니다.

기존 Python의 SQLite 처리 코드를 유지하면서 Vue에서 호출할 수 있는 FastAPI REST API 구조로 변경합니다.

Python Tkinter로 만들던 데스크톱 화면을 Vue의 데이터 중심 웹 화면으로 바꾸는 방법을 배웁니다.

지금까지 배운 Vue, Vue Router, Axios, FastAPI를 하나로 연결하여 사원관리 웹 프로그램의 전체 구조를 완성합니다.

Vue와 FastAPI를 연결하여 사원 등록·조회·수정·삭제 기능을 하나의 프로그램으로 완성합니다.

Vue에서 Axios로 FastAPI 서버에 요청하고, JSON 데이터를 받아 화면에 출력하는 전체 흐름을 배웁니다.

URL과 Vue 화면을 연결하고, 여러 페이지 사이를 자연스럽게 이동하는 방법을 배웁니다.

하나의 화면을 작은 기능 단위로 나누고, props와 emit으로 컴포넌트 사이에 데이터를 주고받는 방법을 배웁니다.