microsoft/comic-chat 딥다이브
— 1996년 "채팅을 만화로 그려주던" IRC 클라이언트의 소스가 30년 만에 공개되다

1프로젝트 한 줄 요약

Comic Chat은 표준 IRC(인터넷 릴레이 챗) 서버에 접속하는 평범한 채팅 클라이언트다. 하지만 화면에는 텍스트 로그 대신 4컷 만화 같은 컷들이 실시간으로 쌓인다. 내가 "Hi everyone! :)"라고 치면, 내 아바타가 손을 흔드는 포즈로 그려지고, 웃는 표정이 얼굴에 붙고, 말풍선에 대사가 들어가고, 다른 대화 상대와 함께 한 컷에 배치된다 — 이 모든 것을 내가 아무 그림 조작도 하지 않아도 프로그램이 문장을 분석해 자동으로 해낸다.

저장소는 단일 프로그램이 아니라 개발 역사 전체의 소스 스냅샷 모음이다. 1996년 8월 프리릴리스(v1.0-pre)부터 1998년 6월 2.5 베타(v2.5-beta-1)까지 4개의 소스 버전과, 2026년에 이 옛 코드를 현대 Visual Studio에서 다시 빌드되게 고친 "현대화 예제" 2개, 그리고 SDK·봇 샘플·문서가 담긴 artifacts/로 구성된다.

2왜 지금 주목받는가

① "역사적 유물"의 공개 — 소스가 처음으로 세상에 나왔다

Comic Chat은 90년대 인터넷을 겪은 사람들에게 강렬한 향수를 남긴 프로그램이다. 특히 기본 캐릭터 중 하나였던 "Bob"은 밈(meme)으로 남아 지금도 회자된다. 그런데 그 원본 소스 코드가 30년간 마이크로소프트 내부에만 있다가 2026년 7월 MIT 라이선스로 공개됐다. "그 시절 그 프로그램이 실제로 어떻게 짜여 있었나"를 처음으로 들여다볼 수 있게 된 것이다.

② "레거시 코드 현대화"의 살아있는 교재

단순히 옛 소스를 던져놓은 게 아니라, 마이크로소프트가 1996년 Visual C++ 4.x용 코드를 2026년 Visual Studio 2022에서 빌드·실행되도록 고친 과정을 *-modern 폴더와 docs/MODERNIZATION.md에 통째로 기록해뒀다. "30년 된 C++/MFC 프로그램을 요즘 컴퓨터에서 되살리려면 뭘 고쳐야 하나"에 대한 매우 구체적인 사례집이다 — 이건 지금도 실무에서 마주치는 문제다.

③ 딥러닝 없이 "감성 분석 + 자동 연출"을 해낸 설계

요즘이라면 감정 분석·이미지 생성에 신경망을 쓰겠지만, Comic Chat은 전부 규칙과 기하학 계산으로 해냈다. 문장에서 감정을 추출하는 규칙 엔진, 감정을 원(circle) 위의 각도로 표현한 감정 휠(emotion wheel), 가장 가까운 포즈를 찾는 최근접 탐색, 컷 구도를 짜는 자동 페이지 배치까지 — "자원이 극도로 제한된 환경에서 똑똑한 결과를 뽑아내는" 엔지니어링의 교과서다.

3기술 스택 전체 지도

핵심 언어·프레임워크 (클라이언트 본체)

렌더링 · 그래픽

네트워크 · 프로토콜

2026 현대화 계층 (*-modern 폴더)

4아키텍처 심화 — 텍스트가 만화가 되기까지

Comic Chat의 심장은 "문장 → 감정 → 포즈 → 컷 배치"로 이어지는 자동 연출 파이프라인이다. 실제 소스에서 이 흐름을 담당하는 파일들을 순서대로 따라가 보자.

① 감정 추출 — 데이터 주도 규칙 엔진

이 부분이 이 저장소에서 가장 배울 게 많은 코드다. 핵심은 "규칙을 C++ 코드에 하드코딩하지 않고, 문자열 리소스로 빼서 데이터처럼 읽어들인다"는 설계다. textpose.cpp의 RegisterRule()은 "FindString"·"CheckWord"·"CheckStart"·"AllCaps" 같은 함수 이름과 인자를 문자열로 받아 규칙 목록에 등록한다.

// textpose.cpp — 규칙 종류에 따라 세 목록으로 분류
void RegisterRule(float emotion, const char *function,
                  const char *arg, int strength) {
    if (!stricmp(function, "AllCaps")) {        // 전부 대문자면
        capsStrength = strength; capsEmotion = emotion;  // → 소리치기
    }
    else if (!stricmp(function, "FindString"))    // 문장 어디든 포함
        AddToGeneral(StringUnit(emotion, arg, strength, TRUE));
    else if (!stricmp(function, "CheckWord"))     // 단어로 존재
        AddToWord(StringUnit(emotion, arg, strength, TRUE));
    else if (!stricmp(function, "CheckStart"))    // 문장 시작
        AddToSentence(StringUnit(emotion, arg, strength, TRUE));
}

실행 시 GetEmotionsFromString()이 입력 문장을 이 세 목록(general/word/sentence)과 대문자 규칙에 차례로 대조해, 매칭될 때마다 emOpts.Add(감정, 1.0, 강도)로 감정 후보를 강도(strength)와 함께 쌓는다. 여러 규칙이 동시에 걸리면 강도가 높은 쪽이 우선된다.

실제로 초기 버전에는 규칙이 코드에 직접 박혀 있었는데(지금은 #if 0으로 비활성화된 CheckForLaughs·CheckStarts 함수에서 확인 가능), "ROTFL"→크게 웃기, "LOL"→약하게 웃기, "are you"/"will you"→상대 가리키기, "i'm"/"i'll"→자기 가리키기, "HI"/"Bye"/"Hello"→손 흔들기 같은 매핑이 그대로 남아 있어 "당시 사람들이 감정을 어떻게 문장에서 읽어냈나"의 화석을 볼 수 있다.

② 감정 휠 — 감정을 "각도와 거리"로 표현하다

가장 우아한 설계. Comic Chat은 감정을 이름표가 아니라 2차원 극좌표(원 위의 위치)로 다룬다. avatar.h를 보면 8가지 감정이 원을 8등분한 각도에 배치돼 있다.

// avatar.h — 감정 = 원(2*PI)을 8등분한 각도
#define NEMOTIONS   8
#define EM_HAPPY   ((float)(0 * 2 * PI / 8))   // 0시 방향
#define EM_COY     ((float)(1 * 2 * PI / 8))   // 수줍음
#define EM_BORED   ((float)(2 * 2 * PI / 8))   // 지루함
#define EM_SCARED  ((float)(3 * 2 * PI / 8))   // 무서움
#define EM_SAD     ((float)(4 * 2 * PI / 8))   // HAPPY의 정반대!
#define EM_ANGRY   ((float)(5 * 2 * PI / 8))
#define EM_SHOUT   ((float)(6 * 2 * PI / 8))
#define EM_LAUGH   ((float)(7 * 2 * PI / 8))

여기엔 의도된 기하학이 숨어 있다. HAPPY(0)의 정반대(원의 반대편, 4/8 바퀴)에 SAD가 놓였다. 감정의 "반대말"이 원 위에서 물리적으로 마주 보게 배치한 것이다. 강도(intensity)는 별도 축으로, 원 중심에서 얼마나 멀리 있느냐(반지름)가 감정의 세기를 뜻한다. 중심(반지름 0)은 무표정(neutral).

③ 포즈 선택 — 최근접 탐색(nearest-neighbor)

감정 좌표가 정해지면, 내 캐릭터가 가진 여러 얼굴/몸통 그림 중 그 좌표에 가장 가까운 그림을 고른다. avatar.cpp의 GetBodyFromEmotion()은 얼굴과 몸통을 따로 매칭한다 — "각도 차이가 가장 작은 얼굴"과 "각도 차이가 작으면서 강도 차이도 작은 몸통"을 각각 고른다.

// avatar.cpp — 감정 좌표에 가장 가까운 얼굴 그림 찾기
double nearestAngle = 3*PI;      // 아주 큰 값에서 시작
for (int i = 0; i < nFaces; i++) {
    double thisAngle = fabs(subtract_angles(fRec[i].emotion,
                                            emotion.m_emotion));
    if (thisAngle <= nearestAngle) {   // 더 가까운 얼굴 발견
        double delta_i = fabs(emotion.m_intensity - fRec[i].intensity);
        // 각도가 같으면 강도 차이가 작은 쪽 우선
        if (thisAngle == nearestAngle && delta_i >= intensityOfNearest)
            continue;
        nearestAngle = thisAngle; intensityOfNearest = delta_i;
        nearestI = i;
    }
}
SetFace(body, nearestI);          // 고른 얼굴을 몸에 붙임

몸통 선택에는 재밌는 디테일이 있다. int index = (m_lastTorso + 1 + i) % nTorsos; — 직전에 쓴 몸통 다음 인덱스부터 탐색을 시작한다. 같은 감정이 연속돼도 똑같은 포즈만 반복되지 않고 조금씩 다른 그림이 나오게 해 만화가 지루해지지 않도록 한 장치다. 정답이 여럿일 때 살짝 무작위성을 섞는, 연출을 아는 코드다.

④ 컷 구성 — 자동 페이지 배치(autopage)

마지막으로 autopage.cpp·panel.cpp이 "이 대사를 어느 컷에, 누구와 함께, 어떤 줌으로 그릴지"를 결정한다. README가 정리한 자동 결정 항목은: 어떤 캐릭터를 컷에 넣을지, 표정·제스처, 캐릭터의 위치와 방향, 말풍선 모양·꼬리·배치, 새 컷으로 넘어갈 타이밍, 컷별 줌 배율이다. bbox.cpp가 각 요소의 사각 영역을 계산해 겹침을 피하고, spline.cpp가 말풍선 꼬리 곡선을 그린다.

5디렉토리 구조 해부

어느 버전을 봐야 하나?

6학습 포인트 — 기술별 배울 것

가. 데이터 주도 설계 (Data-Driven Design)

규칙·감정 매핑을 코드가 아니라 데이터(문자열 리소스)로 분리한 것. 이 발상은 지금도 게임 AI, 챗봇 의도 분류, 룰 엔진, 피처 플래그 등 어디에나 쓰인다. textpose.cpp의 규칙 파서를 정독하면 "행동을 설정으로 빼는" 패턴의 원형을 배운다.

나. 기하학으로 UX 문제 풀기

감정을 극좌표(각도+거리)로 모델링해 연속적인 감정 공간을 만들고, 최근접 탐색으로 이산적인 그림에 매핑한 것. "연속 입력 → 이산 자원 매핑"은 추천 시스템·벡터 검색·임베딩 최근접 탐색(요즘의 RAG!)과 본질이 같다. 30년 전 코드로 그 원형을 본다.

다. 레거시 코드 현대화 실전

docs/MODERNIZATION.md는 "30년 된 C++를 요즘 컴파일러에서 되살리는 체크리스트" 그 자체다. 실제로 고친 것들:

라. MFC Doc/View와 컴포넌트 임베딩(OLE)

CChatDoc(대화 데이터) / CChatView(만화 화면)의 분리는 관심사 분리(separation of concerns)의 고전적 예다. 또 OLE로 브라우저(IE) 안에 만화 화면을 끼워 넣은 것은 오늘날 iframe·마이크로 프론트엔드·웹컴포넌트의 조상 격 발상이다.

7빌드 · 시스템 요구사항

원본 빌드 (1996 방식)

현대화 빌드 (2026, *-modern)

:: v2.5-beta-1-modern — Visual Studio 2022 개발자 환경에서
call "<VisualStudio>\VC\Auxiliary\Build\vcvars32.bat"
cd v2.5-beta-1-modern
nmake /f chat.mak CFG="chat - Win32 Release"   :: 평소 사용
nmake /f chat.mak CFG="chat - Win32 Debug"     :: assert+TRACE 디버그

직접 빌드가 부담되면 두 가지 지름길이 있다. ① 2000년대 초 배포판인 Comic Chat 2.5를 외부 팬 사이트(mermeliz.com)에서 받거나, ② 저장소 릴리스의 비공식 현대 빌드(고해상도 지원 v1.0·v2.5b1)를 내려받으면 클론·빌드 없이 바로 실행해볼 수 있다. GitHub Actions의 Build unofficial modern clients 워크플로를 포크에서 직접 돌릴 수도 있다(비밀키 불필요).

8직접 해볼 수 있는 실습 과제

9관련 기술 심화 학습 로드맵

10핵심 키워드 사전

11참고 링크