TypeScript, Node.js 공부

TypeScript

1. 클래스와 객체지향 프로그래밍 (OOP)

• 클래스 정의 및 생성자 사용.
• 접근 제어자 (public, private, protected).
• 실습: 고객 객체를 관리하는 클래스 작성.

2. 모듈과 파일 분리

• TypeScript 모듈 시스템 (import, export).
• 프로젝트 파일 분리 및 관리.
• 실습: 고객 관리 기능을 별도 모듈로 분리.

3. API 연동

• fetch를 사용한 API 호출.
• 비동기 프로그래밍 (async/await).
• 실습: 가상 API에서 제품 목록 가져오기.

4. 상태 관리

• 상태 저장 및 업데이트 방식.
• 이벤트와 상태 변화 연결.
• 실습: 제품 대여/구매 상태 관리.

5. 프로젝트 실습

목표

• 위 학습을 바탕으로 홈페이지의 기본 기능 구현.

실습 목록

1. 로그인/회원가입

• HTML 폼과 TypeScript를 사용한 유효성 검사 및 데이터 저장.

2. 제품 목록 및 대여

• API 연동을 통해 제품 데이터 가져오기.
• 제품 대여 상태 업데이트.

3. AS 요청 폼

• 고객이 대여한 제품 목록에서 AS 요청.

4. 관리자 기능

• 고객 정보 관리.
• 제품 추가/삭제 기능 구현.

실습

---

Node.js

1. Express 기본

• 설치 및 서버 작성:

npm install express  

const express = require('express');
const app = express();
app.get('/', (req, res) => res.send('Hello, Express!'));
app.listen(3000, () => console.log('Server running on http://localhost:3000'));

2. RESTful API 구현

• CRUD API 작성:

const express = require('express');
const app = express();
app.use(express.json());

let items = [];

app.post('/items', (req, res) => {
  const item = req.body;
  items.push(item);
  res.status(201).send(item);
});

app.get('/items', (req, res) => res.send(items));

app.listen(3000, () => console.log('Server running at http://localhost:3000'));

3. 프로젝트 실습

• TODO 리스트 API 구축 및 상태 관리:
  • API로 데이터 추가, 조회, 삭제 구현.