import {
 A, Bold, Details, Dl, H, Message, NoteBottom, NoteTop, P,
 Quote, Score, Youtube, Ul, Ol, Em, Gray, Code, Kbd, Image,
 Q, Strong, Spoiler, Strike, Line, Mark, HtmlGuideMessage, Name,
 Dt, Dd
} from '@/components/Post';

<ProgrammingGuideMessage />

이번 글은 **개발을 위한 프로그래밍 지식 1편**으로, 이번 글에서는 간단하게 **컴퓨터의 역사**에 대해서 알아보려고 합니다. 컴퓨터의 역사를 알아보는 이유는 프로그램과 프로그래밍 언어와 밀접한 관계가 있기 때문입니다. 오늘날의 인류는 컴퓨터와 떼려야 뗄 수 없는 관계에 있고 개발자가 되려면 더더욱 그럴 겁니다. 그러니 프로그래밍 언어의 이야기를 하기에 앞서 컴퓨터에 대한 이야기를 한 번 해보도록 합시다.

다만, 시작하기에 앞서 미리 전해둘 것은 대략적으로 알아보는 것이기 때문에 심도 있게 들어가는 것은 아니라는 것입니다.

# 컴퓨터의 역사
우리는 보통 컴퓨터라고 하면 게임을 하거나 웹 서핑을 할 수 있는 일반적이고 보편적인 PC를 생각할 겁니다. 저도 그렇고 여러분들도 아마 그럴 겁니다. 그런데, 컴퓨터는 사실 계산장치입니다. 컴퓨터라고 하는 단어도 **계산하다**라는 의미의 라틴어인 **Computare**에서 왔다고 하기도 합니다. 그렇게 멀리가지 않아도 영단어인 **Compute**도 계산하다 라는 의미를 가졌습니다.

어원에서 알 수 있듯이 **컴퓨터는 연산을 돕는 도구**로부터 그 발상이 시작됐다고 할 수 있겠습니다. 말 그대로 **컴퓨터는 인간이 하기 어려운 계산을 편하게 하기 위한 기계**인 것입니다. 오늘날처럼 거창한 기능이 탑재된 것은 비교적 역사가 짧습니다. 그 이전에는 컴퓨터는 순수하게 계산을 위한 도구였습니다.

## 16세기 이전의 컴퓨터
오늘날의 컴퓨터의 이미지가 너무 강렬해서 주판을 컴퓨터라고 하면 미친놈 소리를 듣겠죠? 그런데 진짜로 **컴퓨터의 이전에 인간의 계산을 돕는 도구는 바로 주판**이었습니다. 오늘날의 **GUI**까지는 아니지만 직관적으로 수량을 표현할 수 있어서 계산을 편하게 만들어주는 주판은 고대의 메소포타미아 문명에서 처음 사용되었다고 전해집니다. 이 주판의 존재로 인해서 사람은 계산을 엄청 편하게 할 수 있었습니다.

![주판 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Soroban.JPG/300px-Soroban.JPG)

이 주판도 **하나 하나 계산하는 게 불편**해서 **하나의 도구로 계산을 편하게 하기 위해** 고안되었겠죠. 인간은 언제나 불편하면 편리함을 추구하려고 하는 특성이 있습니다. 인류의 문명이 발전해온 이유와 앞으로도 발전할 수 있는 이유는 바로 이 편리함을 추구하기 때문입니다. 아무튼, 주판은 **Compute**에 걸맞는 기능을 가진 녀석이죠.

하지만 이 이후, 16세기까지는 별다른 계산을 돕는 도구는 나타나지 않았습니다.

## 17세기, 기계식 계산기의 등장
![블레즈 파스칼 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Blaise_pascal.jpg/220px-Blaise_pascal.jpg)

![파스칼라인 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Arts_et_Metiers_Pascaline_dsc03869.jpg/330px-Arts_et_Metiers_Pascaline_dsc03869.jpg)

1642년, 프랑스의 **블레즈 파스칼**은 10진수의 **덧셈과 뺄셈**을 수행할 수 있는 기계식 계산기를 만들어냈습니다. 이 계산기는 자신의 아버지가 좀 더 편한 환경에서 업무를 봤으면 하는 배경에서 만들게 되었다고 전해집니다. 이 계산기의 이름은 **파스칼라인**이었습니다.

![고트프리트 빌헬름 라이프니츠 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Christoph_Bernhard_Francke_-_Bildnis_des_Philosophen_Leibniz_%28ca._1695%29.jpg/259px-Christoph_Bernhard_Francke_-_Bildnis_des_Philosophen_Leibniz_%28ca._1695%29.jpg)

1672년에는 **고트프리트 빌헬름 라이프니츠**라는 사람이 파스칼이 만든 기계식 계산기를 개선하여 **나눗셈과 곱셈**을 가능하게 만들었습니다. **이진법**이라는 것도 라이프니츠가 만들어냈습니다.

이진법은 0과 1만으로 모든 숫자를 표현하는 방법입니다. 이 이진법은 오늘날에도 널리 사용되고 있습니다. 특히나 기계적인 부분에 말이죠.

## 19세기, 찰스 배비지와 해석 기관
![찰스 배비지 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Charles_Babbage_-_1860.jpg/244px-Charles_Babbage_-_1860.jpg)

**영국의 수학자이자 철학자였던 찰스 배비지**는 굉장히 선구적인 눈을 갖고 있었습니다. 1822년에 그는 로그함수, 다항함수, 삼각함수를 계산할 수 있는 기계식 계산기를 고안했습니다. **차분 기관**이라고 불렀던 이 기계는 당시 기술로 만들기엔 돈이 너무 많이 들어서 1855년에야 만들어졌다고 합니다.

![차분 기관 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/050114_2529_difference.jpg/300px-050114_2529_difference.jpg)

1835년에는 차분 기관이 만들어지기도 전인 그 시기에 차분 기관을 좀 더 업그레이드시킨 해석 기관을 고안하기도 했습니다. 찰스 배비지의 무서운 점은 이 해석 기관에 있습니다. 이 해석 기관은 수를 **저장**하고, 저장된 수를 **계산**할 수 있고, 기계를 **제어**할 수 있는 장치와 **입출력**까지 가능했는데, 정작 만들어지지는 못했습니다만 현대에 사용되는 컴퓨터에 전부 포함되어 있는 기능이었습니다.

학자들은 이 해석 기관을 **최초의 프로그래밍이 가능한 컴퓨터**로 인정하고 있다고 합니다. 찰스 배비지의 선구안이 돋보이는 순간이죠. 단순 이론 뿐이지만 이 이론은 시대를 넘어섰다고 할만합니다.

## 전쟁이 가져온 컴퓨터의 발전
전쟁을 할 때마다 인류는 발전해왔습니다. 다양한 기술들이 전쟁에 사용되기 위해 만들어지곤 하죠. 컴퓨터 또한 그렇게 발전하기 시작했습니다. 이 시기에는 다양한 연도에 다앙한 발전이 이루어져서 정확한 순서는 의미가 없습니다.

### 튜링 머신
![앨런 튜링 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Alan_Turing_Aged_16.jpg/235px-Alan_Turing_Aged_16.jpg)

튜링 기계라고도 하는 이 개념은 1936년에 영국의 수학자인 **앨런 튜링**이 고안해냈습니다. 알고리즘과 계산에 대한 혁신적인 이론을 만들어냈죠. 튜링 머신은 실제로 존재하는 기계는 아니었고 그저 이론이었습니다. 이 이론이 지금의 컴퓨터와 상당히 비슷하다는 점을 생각해볼때 앨런 튜링이라는 이 사람도 대단한 사람입니다.

훗날 이 이론은 실현됩니다.

### 콘라트 추제의 Z 시리즈
![콘라트 추제 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/thumb/d/da/Konrad_Zuse_%281992%29.jpg/220px-Konrad_Zuse_%281992%29.jpg)

마징가Z 마냥 이름에 Z가 들어가는 컴퓨터가 있었습니다. 독일의 **콘라트 추제**라는 사람이 개발한 Z1과 Z3이라는 컴퓨터는 현대의 컴퓨터와 상당히 유사하다고 합니다. 특히나 Z3은 1941년에 만들어졌지만 워낙 마이너했기 때문에 알려져 있지 않았고, 그 존재가 나중에나 드러나게 되었습니다.

Z3은 앨런 튜링이 고안했던 튜링 기계의 실현이라고 할 수 있을 정도로 상당한 기능을 가졌던 컴퓨터라고 합니다. 실제로 본 적 없어서 모르겠지만요.

### 콜로서스
역사에 가려졌던 컴퓨터는 하나가 더 있었습니다. 바로 콜로서스라는 이름의 컴퓨터인데 이 컴퓨터가 알려져있지 않았던 이유는 국가 기밀이었기 때문입니다. 그래서 한참 나중에야 알려지게 되었습니다.

현재는 콜로서스가 **최초의 프로그래밍이 가능했던 전자 컴퓨터**라고 알려져 있습니다.

### 에니악
1946년에 존 에커트와 존 모클리에 의해 개발된 에니악은 상당한 크기를 자랑하는 컴퓨터였습니다. 에니악은 **Electronic Numerical Integrator And Computer**의 약자로 **ENIAC**이라고 표현합니다.

![에니악 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/4/4e/Eniac.jpg)

에니악은 어마어마한 연산이 가능했지만 그 기능과는 별개로 어마어마한 단점이 있었습니다. 상당하게 거대했고 프로그램을 바꿀 때엔 배선을 바꿔야했습니다. 부품의 교체가 필요했다는 것이죠. 이게 또 겁나게 많아서 어마어마한 시간을 잡아먹었다고 합니다. 게다가 어마어마하게 무거웠습니다. **컴퓨터 하나가 방 전체를 차지하는 것에 더불어 그 무게가 30톤**이라면 믿겠습니까? 이렇게 비효율적인 에니악이었지만 기능 자체는 훌륭했고 전쟁에 쓰이게 됩니다.

위 두 컴퓨터가 알려져 있었더라면 에니악은 최초의 컴퓨터라는 수식어를 아주 잠깐이라도 가지지 못했을 겁니다. 이 말을 반대로 말하면 최근까지는 최초의 컴퓨터라고 알려져 있었다는 것이죠.

에니악은 기능은 훌륭했지만 단점은 많았기에 훗날 존 폰 노이만이라는 천재 과학자이 의해 개선됩니다. <Gray>(라고 알려지게 됩니다.)</Gray>

## 에드삭과 에드박
![존 폰 노이만 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/5/5e/JohnvonNeumann-LosAlamos.gif)

에니악의 단점은 프로그램을 바꿀 때에는 **아주 긴 작업을 해야 했기 때문에 컴퓨터를 종료했어야 했다**는 점이었습니다. 헝가리 출신으로 미국에서 수학자로 활동하고 있었던 **존 폰 노이만**은 이런 에니악의 단점을 커버하기 위한 어떤 이론을 제안했습니다. 바로 **프로그램 내장 방식의 컴퓨터**였죠.

어떠한 기억 장치를 마련해두고 이 안에 프로그램과 명령을 기억하는 것이었습니다. 상당히 효율적인 방식이었죠. 존 에커트와 존 모클리는 이 이론을 그대로 적용한 **에드박(EDVAC)**을 선보였습니다.

라고 하면 얕은 지식이고, 진실은 다릅니다. 존 에커트와 존 모클리는 이미 **에니악을 만들었을 때부터 그 단점을 파악**하고 있었고 **그들 자신들이 이를 개선한 것이 에드박**입니다. 세상에 폰 노이만 구조라고 알려진 프로그램 내장 방식은 사실상 두 사람의 아이디어인 것입니다. 이렇게 된 계기는 간단합니다.

에드박이 나오기 이전에, 허먼 골드스타인이라는 사람에게 연락을 받은 존 폰 노이만은 에드박에 대한 내용을 정리해서 골드스타인에게 전달했습니다. 하지만 골드스타인은 마치 존 폰 노이만이 프로그램 내장 방식을 제안한 것처럼 배포해버린 겁니다. 그래서 지금까지 폰 노이만 구조라고 불리죠.

아무튼 존 폰 노이만의 보고서에 대한 내용이 영국의 케임브리지 대학에까지 전달이 되어 그 곳에서 **에드삭(EDSAC)**이라는 컴퓨터가 개발되었습니다. **에드박 보다 먼저**말이죠. 참 신기한 일이 아닐 수가 없습니다. 에드삭은 모리스 월크스라는 사람에 의해 만들어졌고 대학에서 바로 사용할 수 있는 소형 컴퓨터였다고 합니다.

근데 제가 보기엔.. 에드삭과 에드박은 에니악의 크기와 비교해서 별반 차이는 없는 것 같습니다. 뭐 아무튼 결과적으론 존 폰 노이만도 컴퓨터의 역사에 큰 이바지를 한 셈이죠.

## 유니박
![유니박 / 출처 위키백과](https://upload.wikimedia.org/wikipedia/commons/5/55/Museum_of_Science%2C_Boston%2C_MA_-_IMG_3163.JPG)

에니악을 개발했던 존 에커트와 존 모클리는 회사를 하나 차리는데, EMCC라는 이름의 회사였습니다. 이들은 **바이낙(BINAC)**이라는 컴퓨터를 개발해서 판매하기 시작했습니다. **최초의 상업용 컴퓨터**입니다. 그 기능은 좀 구렸는지 오작동이 있었나봅니다. 아무튼, 현대적 의미의 컴퓨터의 시작을 알렸던 그들은 상업용 컴퓨터의 시작도 알린 셈입니다.

EMCC는 1950년에 레밍턴 랜드라는 회사에 인수되고 두 사람은 1951년에 **유니박(UNIVAC)**이라는 컴퓨터를 만들게 됩니다. 에니악보다 훨씬 작은 사이즈에 작은 부품이 들어갔지만 그 기능은 에니악의 20배에 달했고 1952년부터 본격적인 판매가 시작됩니다. 군부터 시작해서 민간 기업에까지 판매를 하게 되죠.

유니박은 총 46대가 생산되었고 당시 가격이 **150만 달러**로까지 점프하면서 상당한 위용을 자랑했다고 합니다.

<Line />

제가 아는 한, 컴퓨터의 역사적인 행보는 여기까지입니다. 이 이후의 컴퓨터들은 우리가 아는 현대의 컴퓨터들이죠. 이번 글에서는 간단하게 컴퓨터의 역사에 대해 들여다봤습니다. 다음 글에서는 이 컴퓨터라는 것 위에서 돌아가는 프로그램과 프로그래밍 언어에 대해 알아봅시다.

이번 글은 개발을 위한 프로그래밍 지식 1편으로, 이번 글에서는 간단하게 컴퓨터의 역사에 대해서 알아보려고 합니다. 컴퓨터의 역사를 알아보는 이유는 프로그램과 프로그래밍 언어와 밀접한 관계가 있기 때문입니다. 오늘날의 인류는 컴퓨터와 떼려야 뗄 수 없는 관계에 있고 개발자가 되려면 더더욱 그럴 겁니다. 그러니 프로그래밍 언어의 이야기를 하기에 앞서 컴퓨터에 대한 이야기를 한 번 해보도록 합시다. 우리는 보통 컴퓨터라고 하면 게임을 하거나 웹 서핑을 할 수 있는 일반적이고 보편적인 PC를 생각할 겁니다. 저도 그렇고 여러분들도 아마 그럴 겁니다. 그런데, 컴퓨터는 사실 계산장치입니다. 컴퓨터라고 하는 단어도 계산하다라는 의미의 라틴어인 Computare에서 왔다고 하기도 합니다. 그렇게 멀리가지 않아도 영단어인 Compute도 계산하다 라는 의미를 가졌습니다.

개발을 위한 프로그래밍 지식 1편 - 컴퓨터의 역사

이 글은 웹 개발을 위한 CSS 가이드 시리즈를 모아두는 것을 목적으로 하는 글입니다. CSS 가이드는 HTML 가이드에 이어서 웹 개발에 입문하는 분들을 위해 만들어진 두번째 가이드 시리즈 모음 입니다. 웹 개발을 위한 CSS 가이드는 CSS를 통해서 HTML의 스타일을 추가하고 자유롭게 디자인할 수 있도록 도와주고 원하는 웹사이트를 만들 수 있도록 도와주는 시리즈 입니다.

웹 개발을 위한 CSS 가이드 모음

import {
 A, Bold, Details, Dl, H, Message, NoteBottom, NoteTop, P,
 Quote, Score, Youtube, Ul, Ol, Em, Gray, Code, Kbd, Image,
 Q, Strong, Spoiler, Strike, Line, Mark, HtmlGuideMessage, Name,
 Dt, Dd
} from '@/components/Post';

이 글은 개발에 대한 프로그래밍 지식을 공부하기에 앞서, 프로그램은 무엇이고, 프로그래밍은 또 무엇인지 알아보기 위한 **개발을 위한 프로그래밍 지식**의 모음집입니다. 어느정도 개념에 대해서 알고 넘어가면 좋지 않을까 싶어서 작성하는 글이 될 듯 합니다. 이 글은 앞으로 작성될 가이드들의 첫 글에 링크될 것 같습니다.

우리는 사실 프로그래밍이 뭐하는 것인지만 알면 됩니다. 그리고 프로그램이라는 것이 어떻게 돌아가는지만 알면 되죠. 하지만 우리는 이것들이 왜 탄생하게 되었는지도 간단하게 알아볼 겁니다. **컴퓨터의 역사**를 살짝 들여다보고 여기서부터 나타나게 되는 **프로그램과 프로그래밍 언어**에 대해 알아보는 시간을 가질 겁니다. 이것들 역시 지식이 될 수 있기에 한 번 재미삼아 알아보는 겁니다.

중요한 것은 이것은 강의가 아니라는 것입니다. 제가 공부를 하기 위해 모아놓은 지식들이고 틀린 정보가 들어있을 수도 있습니다. 이 경우엔 발견하는 족족 새롭게 고칠 예정입니다. 아무튼, 저와 함께 공부를 한다는 것에 의의를 두시면 됩니다. 이 글을 보는 사람들이 없어도 저는 이 블로그를 공책삼아 계속 기록해 나아갈 겁니다.

# 목차
<Message color='blue'>
 이 아래에는 각 글로 연결되어있는 항목을 나열한 목록이 있습니다. 링크가 되어있지 않으면 작성 해야하는 컨텐츠이며 중간 중간에 링크는 없지만 굵은 글씨는 여러가지 파트로 구성되어 있는 주제임을 의미합니다.
</Message>

* **컴퓨터와 프로그램**
 * [컴퓨터의 역사](/post/2021-05-03-01-history-of-computer)
 * [프로그램과 프로그래밍 언어](/post/2021-05-03-02-program-and-programming)
 * [프로그래밍 언어의 역사](/post/2021-05-03-03-history-of-programming-language)
* **웹과 프로그래밍**
 * [인터넷과 웹의 등장](/post/2021-05-04-01-origin-of-internet)
 * [웹의 역사](/post/2021-05-04-02-history-of-web)
 * [웹 프로그래밍](/post/2021-05-04-03-web-programming)

# 개발의 첫걸음
위의 지식들은 개발을 하기에 앞서 알아보는 사전 지식입니다. 이제부터는 본격적인 개발을 위한 공부를 진행해야합니다. 프로그래밍 언어는 많고 다양한 프로그래밍 분야가 있습니다. 게임을 개발하는 분야도 있고 윈도우 프로그램을 개발하는 분야도 있고 스마트폰의 발달로 인해서 생겨난 안드로이드 프로그래밍, iOS 프로그래밍도 있습니다.

여러분이 어떤 분야의 프로그래밍을 하려고 하는지에 따라 배우면 좋은 언어들은 달라집니다.

## 웹 개발
이 블로그에 준비되어 있는 것은 현재는 웹 프로그래밍 분야이고 점점 늘어날 겁니다. HTML, CSS, 자바스크립트가 기본적인 웹 프로그래밍에 쓰이는 언어들입니다. 웹 프로그래밍은 점점 발전하고 있어서 사용자와 웹 페이지간의 커뮤니케이션을 통해 다양하게 변화하는 다양한 웹 프로그램을 만들어낼 수 있습니다. 웹을 통해서 서비스하는 무언가를 구상하고 있다면 웹 개발을 배워야 합니다.

## 앱 개발
**안드로이드**나 **iOS**에서 사용할 어플을 개발하는 언어로는 **자바**나 **코틀린**이 압도적으로 유명하고 데이터가 많습니다. 물론 만드는 게 모바일용 게임이라면 아래의 게임 개발의 영역입니다만은 그게 아니라면 자바나 코틀린을 배워 안드로이드 개발을 할 수 있고 **스위프트(Swift)**를 이용해 iOS 개발을 할 수 있습니다.

## 게임 개발
<A type='normal' href='https://unity.com/kr'>유니티 엔진</A>과 <A type='normal' href='https://www.unrealengine.com/ko/'>언리얼 엔진</A>을 필두로 세상에는 다양한 게임 엔진이 있습니다. 게임 엔진에 따라서 개발할 수 있는 언어도 천차만별이지만 일반적으로 게임 개발이라고 하면 C, C++, C#이 압도적으로 점유율이 높습니다. 게임 엔진과 함께 해당 언어들을 같이 배워보는 것도 좋을 것 같습니다. 물론 사용하는 게임 엔진에 따라 달라진다는 점은 다시 한 번 알려드립니다.

## 윈도우 개발
윈도우 프로그램을 개발하는 언어로는 **자바**, **파이썬**, **C**, **C++**, **C#**, **자바스크립트** 등이 있습니다. 더 많은데 자바스크립트로도 윈도우 프로그램을 개발 할 수가 있다는 것이죠. 다소 정보가 부족해서 문제일 뿐.. 아무튼 윈도우 프로그래밍에 관심이 있다면 해당 언어들이 지원해주는 윈도우 개발을 위한 라이브러리 같은 걸 찾아보면 될 것 같습니다.

<Line />

이것들 외에도 다양한 프로그래밍 분야가 있고 선택지는 많습니다. 이 블로그에서는 저것들 중에서 웹 개발을 중점으로 다룹니다. 웹 개발을 시작하고 싶으신 분들은 일단 HTML부터 함께 달려보는 게 좋을 것 같습니다. <A href='/post/2021-05-02-01-complete-html-guide' type='blog'>웹 개발을 위한 HTML 가이드 모음</A>을 참고해보세요! <Gray>(아직 목록의 내용을 하나 하나 채워가는 중입니다.)</Gray>

이 글은 개발에 대한 프로그래밍 지식을 공부하기에 앞서, 프로그램은 무엇이고, 프로그래밍은 또 무엇인지 알아보기 위한 개발을 위한 프로그래밍 지식의 모음집입니다. 어느정도 개념에 대해서 알고 넘어가면 좋지 않을까 싶어서 작성하는 글이 될 듯 합니다. 이 글은 앞으로 작성될 가이드들의 첫 글에 링크될 것 같습니다. 우리는 사실 프로그래밍이 뭐하는 것인지만 알면 됩니다. 그리고 프로그램이라는 것이 어떻게 돌아가는지만 알면 되죠. 하지만 우리는 이것들이 왜 탄생하게 되었는지도 간단하게 알아볼 겁니다. 컴퓨터의 역사를 살짝 들여다보고 여기서부터 나타나게 되는 프로그래밍의 역사를 알아보는 시간을 가질 겁니다. 이것들 역시 지식이 될 수 있기에 한 번 재미삼아 알아보는 겁니다.