Day 6: 이번 주 학습 내용 복습 및 코드 정리

이번 주 동안 우리는 Vue와 FastAPI를 활용하여 웹 주문 시스템의 기본 구조를 설정하고, 클라이언트와 서버 간의 기본적인 데이터 전송을 구현했습니다. 오늘은 주말 과제로서 이번 주 학습 내용을 복습하고, 코드와 개념을 정리해 보는 시간을 갖겠습니다.

1. 코드 주석 추가하기

각 파일의 중요한 코드에 주석을 추가해 보세요. 주석은 각 코드가 어떤 역할을 하는지 설명하고, 코드를 다시 볼 때 이해를 돕습니다.

• OrderForm.vue: Vue 컴포넌트와 데이터 바인딩, 유효성 검사를 위한 로직에 대한 주석을 추가해 봅니다.
• main.py (FastAPI): 각 엔드포인트와 CORS 설정, 데이터 저장 구조에 대한 설명을 추가하여 서버 코드의 흐름을 명확히 해보세요.

2. 기능 목록 정리하기

이번 주에 구현한 주요 기능들을 목록으로 정리해 보면 다음 주 계획을 세우는 데 유용합니다. 예시:

• Vue 프로젝트 초기화 및 기본 구조 설정
• 주문 폼(OrderForm) 컴포넌트 생성
• 라우팅 설정을 통한 페이지 간 이동
• FastAPI 서버 설정 및 간단한 API 엔드포인트 생성
• Vue와 FastAPI 간 데이터 전송 테스트
• 주문 데이터를 메모리에 임시 저장하는 기능 구현

3. 퀴즈로 복습하기

다음 질문들을 스스로 답해보면서 개념을 복습하세요. 학생들이라면 본인만의 답변을 작성해 보거나 블로그 독자들이 참여할 수 있는 퀴즈로 활용할 수 있습니다.

• Vue 컴포넌트에서 데이터 바인딩을 설정하려면 어떤 디렉티브를 사용하나요?
• FastAPI에서 CORS 설정이 필요한 이유는 무엇인가요?
• @app.post("/order") 데코레이터는 어떤 역할을 하나요?