TypeScript 주니어 시스템 설계 기술면접

WebSocket은 실시간 메시지 송수신과 타이핑 인디케이터 등 즉각적인 양방향 통신이 필요한 기능을 담당하고, REST API는 메시지 히스토리 조회, 채팅방 생성/수정/삭제 등 일반적인 CRUD 작업을 담당합니다. 메시지 인터페이스는 공통 필드(id, content, senderId, timestamp)를 정의하고, WebSocket 이벤트 타입은 union type으로 'message.send', 'message.received', 'typing.start' 등을 구분합니다. 에러 처리를 위해 WebSocket 응답에도 success/error 상태를 포함하는 래퍼 타입을 정의합니다.

Post 테이블에 likeCount, bookmarkCount 컬럼을 추가하여 집계 데이터를 비정규화하고, 별도로 PostLike, PostBookmark 중간 테이블을 생성하여 사용자별 관계를 저장합니다. PostLike 테이블은 postId와 userId를 복합 유니크 키로 설정하고, 두 컬럼에 인덱스를 생성합니다. TypeScript에서는 Post 타입에 likeCount를 포함하고, PostLike는 postId, userId, createdAt을 포함하는 별도 타입으로 정의합니다. 좋아요 토글 시 트랜잭션을 사용하여 PostLike 삽입/삭제와 Post의 likeCount 증감을 원자적으로 처리합니다.

파일 확장자뿐 아니라 MIME 타입과 매직 넘버를 함께 검증하여 파일 타입을 확인하고, TypeScript enum으로 허용된 파일 타입을 정의합니다. 파일 크기는 미들웨어 레벨에서 제한하고, 업로드된 파일명은 UUID 등으로 변경하여 원본 파일명을 그대로 사용하지 않습니다. 파일은 웹 루트 외부의 별도 디렉토리에 저장하고, 다운로드 시에는 Content-Disposition 헤더를 설정합니다. 이미지의 경우 리사이징 과정에서 메타데이터를 제거하고, 바이러스 스캔 API를 통합하는 것도 고려합니다.

공통 데이터(게시글 정보, 작성자 프로필)와 개인화 데이터(팔로우 관계, 읽음 여부)를 분리하여 캐싱합니다. 공통 데이터는 postId를 키로 사용하고 TTL을 길게 설정하며, 개인화 피드는 userId와 페이지 정보를 조합한 키를 사용하고 TTL을 짧게 설정합니다. TypeScript에서는 제네릭 CacheService 클래스를 만들어 키 생성 함수를 주입받고, 캐시 히트/미스 로직을 추상화합니다. 다층 캐시는 인메모리 캐시(빠른 접근)와 Redis(영속성)를 조합하여, 먼저 인메모리를 확인하고 없으면 Redis를 조회하는 waterfall 방식으로 구현합니다.

비관적 락은 트랜잭션 시작 시 SELECT FOR UPDATE로 행을 잠그고 다른 트랜잭션의 접근을 차단하는 방식이며, 동시성이 높고 충돌이 빈번한 경우 적합합니다. 낙관적 락은 version 컬럼을 추가하여 UPDATE 시 version을 확인하고 변경되었으면 실패시키는 방식이며, 충돌이 드물고 읽기가 많은 경우 적합합니다. TypeScript에서는 Reservation 타입에 version 필드를 추가하고, 업데이트 시 WHERE 조건에 version을 포함하여 affected rows가 0이면 재시도하거나 에러를 반환합니다. 예약 시스템처럼 충돌이 빈번한 경우 비관적 락을 사용하고, 트랜잭션을 최대한 짧게 유지하여 데드락을 방지합니다.