Interaction Story for Makers

“이 인터넷 창에서 어디까지 할 수 있을까?” 웹페이지를 살아 움직이게 만든 사람들

1995년 넷스케이프 사무실에서 한 동료가 화면의 버튼을 눌렀더니 작은 알림창이 떴어요. “어? 페이지가 살아 움직이네?” 그게 인터넷 페이지에 처음으로 생명을 불어넣은 순간이었어요. 몇 년 뒤엔 누군가가 “메일을 새로고침 없이 바로 받아볼 수 없을까?”라고 물었고 이메일이 진짜 앱처럼 작동하기 시작했죠.

2005년에는 사람들이 회의실에 모여 구글 지도를 손가락으로 끌어보며 충격받았어요. “이게 정말 인터넷 페이지야? 프로그램 같은데?” 곧이어 누군가는 “어디서나 똑같은 언어로 코드를 짤 수 있게 하자”고 제안했고 또 누군가는 “인터넷이 끊겨도 페이지가 동작하게 만들자”라는 새로운 시도를 했어요.

인터넷 페이지에서 게임을 하고, AI와 대화하고, 영화를 보는 일이 늘었어요. 아래 연도 버튼을 누르면 그 시절 사람들이 무엇을 답답해했고 어떤 아이디어로 풀어냈는지 이야기로 따라갈 수 있어요.

연대기 버튼을 누르면 같은 화면에서 자세한 이야기를 읽을 수 있습니다.

1990s

“멈춰 있던 종이 문서가 살아 움직이기 시작하다”

단 열흘 만에 태어난 자바스크립트, 화려한 애니메이션을 보여준 플래시, 그리고 새로고침 없이 서버와 몰래 데이터를 주고받는 XMLHttpRequest가 등장했어요.

2000s

“웹페이지가 데스크톱 프로그램처럼 움직이네!”

구글 지도가 보여준 AJAX의 충격, 브라우저 호환성 고통을 끝낸 jQuery, 그리고 자바스크립트를 브라우저 밖 서버 세상으로 꺼내 준 Node.js가 세상을 바꿨어요.

2010s

“실시간 양방향 통신과 컴포넌트·풀스택 프레임워크의 시대”

실시간 대화를 연 WebSocket, 화면을 레고처럼 조립하는 React, 오프라인에서도 작동하는 서비스 워커, 언어 대개혁을 이룬 ES6와 하이브리드 렌더링의 Next.js가 등장했어요.

2020s

“설치 없이 브라우저 하나로 그래픽 편집부터 AI까지”

고성능 언어를 브라우저에서 바로 돌리는 WebAssembly, 초고화질 영상을 다루는 WebCodecs, 그래픽카드 성능을 직접 끌어쓰는 WebGPU가 웹의 한계를 허물고 있어요.

더 깊이 읽을 거리

JavaScript, SPA, WebAssembly를 다룬 대표 문서입니다. 기술 변화가 사용자 경험을 어떻게 바꿨는지 비교해 보세요.