54일차 TIL

오늘은 프로젝트의 전반적인 구조와 코드를 분석하고 KPT(Keep, Problem, Try) 방식으로 정리했습니다.

 

 

1. 프로젝트 구조 분석

 

 

Keep (잘 구현된 부분)

#### Keep (잘 구현된 부분)
```javascript
// Controller-Service-Repository 패턴 예시
class AuthController {
  constructor(authService) {
    this.authService = authService;
  }
  
  async signIn(req, res, next) {
    try {
      // 컨트롤러는 요청/응답 처리에만 집중
      const result = await this.authService.signIn(req.body);
      res.status(200).json(result);
    } catch (error) {
      next(error);
    }
  }
}
```

 

• 아키텍처: 계층별 역할 분리가 명확함

 

 

 

• 테스트: Jest를 활용한 단위 테스트 구현

 

 

 

• 데이터베이스: Prisma를 활용한 효율적인 DB 관리

 

 

 

2. 개선이 필요한 부분

 

 

Problem (문제점)

#### Problem (문제점)
```javascript
// 클라이언트 측 에러 처리 예시 - 개선 필요
try {
  const response = await fetch('/api/auth/signin');
  if (!response.ok) {
    alert('로그인 실패!'); // 단순한 alert 사용
  }
} catch (error) {
  console.error(error);
}
```

 

• 프론트엔드: HTML/CSS/JS 구조 개선 필요

 

 

 

• 에러 처리: 더 체계적인 에러 처리 방식 필요

 

 

 

• 보안: 토큰 관리 및 입력값 검증 강화 필요

 

 

 

3. 향후 개선 계획

 

 

Try (시도할 것)

#### Try (시도할 것)
```javascript
// API 문서화 예시 (Swagger)
/**
 * @swagger
 * /api/auth/signin:
 *   post:
 *     description: 사용자 로그인
 *     parameters:
 *       - name: email
 *         description: 사용자 이메일
 *         required: true
 *         type: string
 */
```

 

• 프론트엔드: React/Vue.js 도입 검토

 

 

 

• 보안: HttpOnly 쿠키 사용 및 보안 강화

 

 

 

• 개발환경: API 문서화 및 CI/CD 구축

배운 점

 

 

1. 아키텍처 설계의 중요성

 

계층 분리를 통한 코드 유지보수성 향상

 

테스트 용이성 확보

 

2. 보안의 중요성

 

토큰 관리

 

입력값 검증

 

XSS/CSRF 대비

 

3. 개발 프로세스 개선의 필요성

 

문서화의 중요성

 

자동화된 배포 프로세스의 필요성

 

 

 

향후 학습 계획

 

 

 

1. 프론트엔드 프레임워크 학습

 

 

React/Vue.js 기초부터 심화까지

 

 

 

 

2. 보안 관련 학습

 

 

 

 

웹 보안 기초

 

 

 

 

토큰 기반 인증 심화

 

 

 

 

3. DevOps 관련 학습

 

 

 

 

CI/CD 파이프라인 구축

 

 

 

 

Docker/Kubernetes 기초

 

 

 

이러한 분석을 통해 프로젝트의 현재 상태를 파악하고, 앞으로의 개선 방향을 설정할 수 있었다.