잡다한기술블로그

이제 기획이 끝났으니 구현을 할 차례이다.

이에 앞서, 사람이 하는일과 기계가 하는일을 분리해서 생각해보고 어떤 것이 원인이고 어떤 것이 결과인지 추론해본다.

이것은 강의 전체를 통틀어서 가장 중요하다고 강조되고 있다.

위의 사진에서 오른쪽이 사람이 하는 일이면서 원인이고, 그것에 대한 결과가 왼쪽이면서 기계가 하는 일이다.

사람이 하는 일, 다시 말해서 원인을 부르는 여러 표현은 다음과 같다.

• 부호 또는 신호라는 의미의 코드(code)
• 원천이라는 뜻의 소스(Source)
• 약속이라는 의미에서 언어(컴퓨터 언어)

기계가 하는 일, 다시 말해서 결과를 부르는 여러 표현이 다음과 같다.

• 애플리케이션(줄여서, 앱)
• 프로그램
• 웹에서 결과는 웹 페이지
• 웹페이지가 모여있으면 웹사이트
• 기능이 좀 많으면 웹애플리케이션(줄여서, 웹앱)

여기서 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심이다.

세상에는 C, C++, Java, JavaScript, Python, PHP, SQL 등 다양한 종류의 코드들이 있고, 코드마다 역할이 다르므로 하고자 하는 일에 따라 적당한 코드를 선택해야 한다.

그중, 웹페이지를 만드는 코드가 바로 HTML이다.

참고: https://opentutorials.org/course/3084/18445

웹을 만들기에 앞서 어떤 웹을 만들 것인지 상상하고 계획하는 과정이 필요하고, 이를 기획이라고 한다.

강의에서 코딩수업의 내용을 잘 정리 정돈할 수 있는 웹사이트를 다음과 같이 그린다.

1. 제일 위쪽에는 수업의 전체 제목을 적어봤다.
2. 왼쪽에는 수업의 목차를 적었고, 목차에는 링크가 걸려 있다. 링크를 클릭하면 링크에 해당하는 콘텐츠가 오른쪽에 표시된다.
3. 오른쪽의 상단엔 제목이 표시되고, 본문에는 제목에 대한 자세한 설명이 표시된다.

강의에서 웹페이지를 만드는 것이 남의 문제가 아닌 나의 문제라고 상상하라고 강조한다.

똑같이 해도 되지만 자신의 생각으로 정보를 채워가면서 수업을 따라간다면 수업이 보다 의미 있을 것이라고 한다.

따라서, 나는 나의 위의 예시를 응용해 나의 블로그를 웹페이지로 만들어 보려한다.

1. 제일 위쪽에는 카테고리 제목인 '웹만들기 내가 해보자'를 적는다.

2. 왼쪽에는 카테고리의 목차를 적었고, 목차에는 링크가 걸려 있다. 링크를 클릭하면 링크에 해당하는 콘텐츠가 오른쪽에 표시된다.
3. 오른쪽의 상단엔 제목이 표시되고, 본문에는 제목에 대한 자세한 설명이 표시된다.

이러한 형태의 웹사이트를 강의를 따라가며 만들려한다.

참고: https://opentutorials.org/course/3084/18437