9주차 회의록 - Sieun1126/Final_projects GitHub Wiki
9주차 회의록
- TypeScript 심화 및 API 연동
목표
- TypeScript 고급 기능 학습.
- API 호출 및 HTML과의 상호작용 구현.
일정 및 학습 내용
1. 클래스와 객체지향 프로그래밍 (OOP)
- 클래스 정의 및 생성자 사용.
- 접근 제어자 (
public,private,protected). - 실습: 고객 객체를 관리하는 클래스 작성.
2. 모듈과 파일 분리
- TypeScript 모듈 시스템 (
import,export). - 프로젝트 파일 분리 및 관리.
- 실습: 고객 관리 기능을 별도 모듈로 분리.
3. API 연동
fetch를 사용한 API 호출.- 비동기 프로그래밍 (
async/await). - 실습: 가상 API에서 제품 목록 가져오기.
4. 상태 관리
- 상태 저장 및 업데이트 방식.
- 이벤트와 상태 변화 연결.
- 실습: 제품 대여/구매 상태 관리.
5. 프로젝트 실습
- TypeScript와 HTML 연계 프로젝트 최종 점검.
- 목표: 제품 목록 페이지와 대여 기능 구현.
최종 프로젝트 실습
목표
위 학습을 바탕으로 홈페이지의 기본 기능 구현.
실습 목록
1. 로그인/회원가입
- HTML 폼과 TypeScript를 사용한 유효성 검사 및 데이터 저장.
2. 제품 목록 및 대여
- API 연동을 통해 제품 데이터 가져오기.
- 제품 대여 상태 업데이트.
3. AS 요청 폼
- 고객이 대여한 제품 목록에서 AS 요청.
4. 관리자 기능
- 고객 정보 관리.
- 제품 추가/삭제 기능 구현.