Episode 2: "자바스크립트의 우연한 제국"

10일 만에 만든 언어가 세상을 지배하기까지

프롤로그: 우연히 시작된 혁명

1995년 5월, 넷스케이프의 한 개발자가 단 10일 만에 만든 프로그래밍 언어가 있었습니다. 당시에는 "웹 페이지에 약간의 상호작용을 추가하는" 용도로 만들어진 이 언어가, 30년이 지난 지금은 전 세계 소프트웨어 개발의 중심에 서 있습니다.

이것은 자바스크립트의 이야기입니다. 그리고 이것은 실수와 타협, 우연과 필연이 만들어낸 가장 놀라운 성공 스토리 중 하나입니다.

Chapter 1: 브렌든 아이크의 10일간의 광기

1995년, 웹의 새벽

1995년의 웹은 지금과는 완전히 다른 세상이었습니다. HTML로 만든 정적인 페이지들이 전부였고, 사용자와의 상호작용이라고는 하이퍼링크를 클릭하는 것이 고작이었죠. 마치 움직이지 않는 잡지를 보는 것과 같았습니다.

넷스케이프는 이 상황을 바꾸고 싶었습니다. 웹 페이지에 생동감을 불어넣고, 사용자와 상호작용할 수 있는 무언가가 필요했죠.

10일의 기적

1995년 5월, 브렌든 아이크(Brendan Eich)라는 34세의 개발자가 넷스케이프에 입사했습니다. 그에게 주어진 미션은 명확했습니다: "스킴(Scheme) 같은 언어를 브라우저에 넣어라. 그런데 자바처럼 보이게 만들어라. 그리고 10일 안에."

"나는 10일 안에 자바스크립트를 만들어야 했다. 만약 더 많은 시간이 있었다면, 아마 더 나쁜 언어를 만들었을 것이다."

이 10일 동안 아이크가 해야 했던 일들을 상상해보세요:

타협의 산물

아이크는 여러 언어에서 아이디어를 빌려왔습니다:

• 자바: 문법과 이름 (마케팅적 이유)
• 스킴: 함수형 프로그래밍 요소와 일급 함수
• 셀프: 프로토타입 기반 객체 지향
• 펄: 정규표현식과 유연한 문법

Chapter 2: "웹 페이지 장식용"에서 "풀스택 언어"까지

초기의 용도: 단순한 스크립팅

처음 자바스크립트는 정말 간단한 일들만 했습니다:

// 1995년 자바스크립트의 전형적인 사용법
function validateForm() {
  if (document.forms[0].name.value == '') {
    alert('이름을 입력하세요!');
    return false;
  }
  return true;
}

// 마우스 오버 효과
function changeImage(img, newSrc) {
  img.src = newSrc;
}

이런 "장난감" 수준의 사용법이 대부분이었죠. 진짜 개발자들은 자바스크립트를 진지하게 받아들이지 않았습니다.

AJAX: 게임 체인저의 등장

2005년, 제시 제임스 가렛(Jesse James Garrett)이 "AJAX"라는 용어를 만들어냈습니다. 사실 기술 자체는 마이크로소프트가 1999년에 만든 XMLHttpRequest였지만, 구글이 Gmail과 Google Maps에서 이를 활용하면서 웹 개발의 패러다임이 완전히 바뀌었습니다.

jQuery의 등장: "Write Less, Do More"

2006년, 존 레식(John Resig)이 발표한 jQuery는 자바스크립트 생태계를 완전히 바꿔놓았습니다.

// Vanilla JavaScript (2006년 스타일)
var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements.length; i++) {
  if (elements[i].className.indexOf('highlight') !== -1) {
    elements[i].style.backgroundColor = 'yellow';
    elements[i].addEventListener('click', function () {
      this.style.display = 'none';
    });
  }
}

// jQuery
$('.highlight')
  .css('background-color', 'yellow')
  .click(function () {
    $(this).hide();
  });

jQuery는 자바스크립트를 대중화시켰습니다. 갑자기 모든 웹 디자이너가 "프로그래머"가 될 수 있었죠.

Chapter 3: V8 엔진: 인터프리터에서 JIT의 기적

느린 자바스크립트의 한계

2008년 이전까지 자바스크립트는 정말 느렸습니다. 모든 브라우저가 단순한 인터프리터를 사용했고, 복잡한 연산은 꿈도 꿀 수 없었죠.

// 이런 코드는 2007년에는 브라우저를 멈추게 만들었습니다
function fibonacci(n) {
  if (n < 2) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.time('fib');
fibonacci(40); // 몇 초간 브라우저 정지
console.timeEnd('fib');

구글의 야심찬 도전

구글은 Gmail, Google Maps 같은 웹 애플리케이션을 만들면서 자바스크립트 성능의 한계를 절실히 느꼈습니다. 그래서 결정했죠: "우리가 직접 자바스크립트 엔진을 만들자."

라스 바크(Lars Bak)가 이끄는 V8 팀이 설정한 목표는 명확했습니다:

JIT 컴파일의 마법

V8의 핵심 혁신은 JIT(Just-In-Time) 컴파일이었습니다. 이는 코드를 실행하면서 동시에 컴파일하는 기술입니다.

성능 혁명의 결과

V8의 등장은 자바스크립트 세계에 충격을 안겨주었습니다:

// 갑자기 이런 복잡한 연산도 가능해졌습니다
function mandelbrot(width, height, maxIter) {
  const result = new Array(width * height);
  for (let y = 0; y < height; y++) {
    for (let x = 0; x < width; x++) {
      // 복잡한 수학 연산...
      result[y * width + x] = calculatePoint(x, y, maxIter);
    }
  }
  return result;
}

// 2008년 이전: 불가능
// 2008년 이후: 실시간 처리 가능

Chapter 4: Node.js: 브라우저 감옥에서 탈출한 JS

2009년, 라이언 달의 깨달음

라이언 달(Ryan Dahl)은 파일 업로드 진행률을 보여주는 웹 애플리케이션을 만들다가 좌절했습니다. 기존의 웹 서버들은 모두 블로킹(blocking) I/O를 사용했고, 이는 동시에 많은 연결을 처리하기에는 너무 비효율적이었습니다.

클라이언트 1 요청 → 스레드 1 생성 → 파일 읽기 대기 (블록됨)
클라이언트 2 요청 → 스레드 2 생성 → DB 쿼리 대기 (블록됨)
클라이언트 3 요청 → 스레드 3 생성 → 네트워크 요청 대기 (블록됨)
...
메모리 부족!

비동기 I/O의 아이디어

라이언은 다른 접근 방식을 생각했습니다: "모든 I/O를 비동기로 처리하면 어떨까?"

// 전통적인 동기 방식 (블로킹)
const data = fs.readFileSync('huge-file.txt'); // 여기서 멈춤
console.log('파일 읽기 완료');

// Node.js 비동기 방식 (논블로킹)
fs.readFile('huge-file.txt', (err, data) => {
  console.log('파일 읽기 완료');
});
console.log('이 코드는 바로 실행됨'); // 먼저 출력됨!

V8 + Event Loop = Node.js

라이언은 V8 엔진과 이벤트 루프를 결합해서 Node.js를 만들었습니다. 자바스크립트가 브라우저를 벗어나 서버에서 실행될 수 있게 된 순간이었죠.

"I/O는 느리다. 그러니까 I/O를 기다리지 말자. 다른 일을 하면서 I/O가 끝나면 콜백을 호출하자."

NPM: 패키지 생태계의 폭발

2010년, 아이작 슐루터(Isaac Schlueter)가 NPM(Node Package Manager)을 만들었습니다. 이는 자바스크립트 생태계에 또 다른 혁명을 가져왔습니다.

# 2010년 이전: 라이브러리 사용이 복잡했음
# 1. 웹사이트에서 다운로드
# 2. 압축 해제
# 3. 수동으로 프로젝트에 복사
# 4. HTML에서 스크립트 태그로 로드

# 2010년 이후: 한 줄이면 끝
npm install express

풀스택 자바스크립트의 시대

Node.js의 등장으로 이제 자바스크립트로 모든 것을 할 수 있게 되었습니다:

Chapter 5: 현재와 미래: 자바스크립트 제국의 확장

ES6+: 언어 자체의 진화

2015년 ES6(ES2015)의 등장으로 자바스크립트는 "진짜" 프로그래밍 언어로 거듭났습니다:

// ES5 시대의 코드
function createCounter() {
  var count = 0;
  return {
    increment: function () {
      count++;
      return count;
    },
    get: function () {
      return count;
    },
  };
}

// ES6+ 시대의 코드
class Counter {
  #count = 0;

  increment() {
    return ++this.#count;
  }

  get value() {
    return this.#count;
  }
}

const counter = new Counter();

타입스크립트: 안전성의 추가

마이크로소프트의 타입스크립트는 자바스크립트에 정적 타입을 추가했습니다:

// 자바스크립트: 런타임에 오류 발견
function calculateArea(radius) {
  return Math.PI * radius * radius;
}
calculateArea('hello'); // 런타임 오류!

// 타입스크립트: 컴파일 타임에 오류 발견
function calculateArea(radius: number): number {
  return Math.PI * radius * radius;
}
calculateArea('hello'); // 컴파일 오류!

웹 표준의 진화

자바스크립트는 이제 웹 플랫폼의 핵심이 되었습니다:

에필로그: 우연이 만든 필연

브렌든 아이크가 10일 만에 만든 "웹 페이지 장식용" 언어가 어떻게 세상을 지배하게 되었을까요?

성공의 요인들

1. 적절한 타이밍: 웹의 폭발적 성장과 함께
2. 접근성: 컴파일 없이 바로 실행 가능
3. 유연성: 함수형, 객체지향, 절차적 프로그래밍 모두 지원
4. 생태계: 거대한 오픈소스 커뮤니티
5. 적응력: 계속 진화하는 언어 사양

미래를 향해

자바스크립트는 여전히 진화하고 있습니다:

• 웹어셈블리와의 협력: 성능이 중요한 부분은 WASM으로
• AI와의 결합: 브라우저에서 돌아가는 머신러닝
• IoT 확장: Node.js가 임베디드 시스템으로
• 블록체인: Web3 생태계의 중심 언어

10일 만에 만든 언어가 30년 후에도 여전히 혁신을 주도하고 있다는 것은 정말 놀라운 일입니다. 브렌든 아이크는 아마 자신이 얼마나 큰 일을 해냈는지 상상도 못했을 것입니다.

"자바스크립트가 이렇게 성공할 줄 몰랐다. 하지만 웹이 성공했기 때문에 자바스크립트도 성공했다. 웹의 성공이 곧 자바스크립트의 성공이었다."

다음 에피소드에서는 "깃의 탄생: 리누스의 두 번째 혁명"을 다룰 예정입니다. 2주 만에 만든 버전 관리 시스템이 어떻게 전 세계 개발자들의 협업 방식을 바꿨는지 살펴보겠습니다.