8주차 회의록

• TypeScript 기본에 대해 공부

목표

• TypeScript 문법과 자바스크립트 DOM 조작 학습.
• HTML과 TypeScript 연동으로 간단한 상호작용 구현.

---

일정 및 학습 내용

1. TypeScript 기초

• TypeScript 환경 설정:
  • VSCode + Node.js + tsc 설치.
• 기본 타입:
  • string, number, boolean, any.
• 변수 선언:
  • let, const.
• 함수 선언:
  • 매개변수와 반환값 타입 지정.

---

2. TypeScript 배열과 객체

• 배열과 튜플 사용법.
• 인터페이스와 객체 타입 정의.
• 실습: 회원 정보 객체 정의하고 출력하기.

---

3. TypeScript 함수

• 함수 타입 정의:
  • 매개변수와 반환값 타입 지정.
• 선택적 매개변수와 기본값 설정.
• 실습: 제품 정보를 받아 출력하는 함수 작성.

---

4. DOM 조작

• DOM 요소 선택:
  • document.getElementById, querySelector.
• 이벤트 리스너 추가:
  • addEventListener.
• 실습: 버튼 클릭 시 사용자 입력 값 표시.

---

5. 프로젝트 실습

• 로그인/회원가입 폼과 TypeScript 연동.
• 실습 목표: 폼 데이터 유효성 검사 구현.

---

코드 구현