Tools Story for Makers

“이 도구를 쓰면 더 빨리, 더 편하게 만들 수 있을까?” 더 좋은 도구를 찾아 온 사람들의 이야기

1997년 한 디자이너가 Dreamweaver 화면을 보고 깜짝 놀랐어요. “그냥 마우스로 끌어다 놨는데 코드가 자동으로 만들어지네요?” 옆에 있던 개발자도 흐뭇하게 코드 창을 확인했죠. 비슷한 시기 다른 팀들은 “코드 파일을 어디에 모아두지?”라며 인터넷에 공동 보관함을 만들기 시작했어요.

2000년대엔 “내 컴퓨터에서 마음껏 시도해 봐도 안전한” 새 도구가 등장했고 누구나 “이 부분 이렇게 고쳐봤어요”라며 다른 사람의 프로젝트에 참여하기 시작했어요. 이어서 “지루한 반복 작업은 컴퓨터에게 맡기자”, “흩어진 파일들을 똑똑하게 묶어 빠르게 열리게 하자”는 도구들이 줄줄이 나왔고 “그냥 코드만 올리세요” 하면 사이트가 알아서 인터넷에 공개됐죠.

이제는 노트북에 아무것도 설치하지 않고 브라우저만 열어도 코딩을 시작하고 AI가 옆에서 코드를 같이 짭니다. 아래 카드를 누르면 그 시절 사람들이 어떤 불편함을 겪었고 어떤 도구로 풀었는지 이야기로 따라갈 수 있어요.

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

1990s

“마우스로 화면을 그리고, 인터넷에 코드를 함께 모으다”

직접 눈으로 보며 웹페이지를 디자인하는 드림위버와, 전 세계에 흩어진 오픈소스 개발자들이 한곳에 코드를 모으고 버전을 관리하기 시작한 출발점이에요.

2000s

“내 컴퓨터에서 마음껏 실험하고, 전 세계와 협업하다”

리누스 토르발스가 2주 만에 만든 분산 버전 관리 도구 Git과, 오픈소스 협업을 전 세계 개발자의 소셜 네트워크로 바꾼 GitHub가 탄생했어요.

2010s

“패키지 생태계, 타입 안전망, 그리고 자동화 파이프라인”

수백만 개의 부품을 이어 준 npm, 실행 전에 버그를 잡아주는 TypeScript, 반복 작업을 자동화한 Grunt와 Webpack, 오픈소스 의존성의 교훈을 남긴 left-pad, 푸시 한 번으로 배포되는 Netlify까지 현대 개발 도구 체인이 완성됐어요.

2020s

“0.3초 만에 켜지는 개발 서버, 클라우드 환경, 그리고 AI 페어 프로그래머”

기다림 없는 빌드 도구 Vite, 브라우저 하나면 수초 만에 세팅이 끝나는 Codespaces, 그리고 개발자 옆에서 함께 코드를 짜고 고민을 나누는 AI 코딩 도우미가 일상을 바꾸고 있어요.

더 깊이 읽을 거리

웹 제작 도구의 역사와 워크플로를 다룬 자료입니다. 버전 관리, 빌드, 배포, AI 협업을 더 탐구해 보세요.