WEB1 - HTML & Internet

코딩과 HTML

 

 

---

 

 

기획을 끝냈으니까
이제 구현을 할 차례입니다.

구현하기에 앞서서
타임머신을 타고 미래로 날아가서
우리가 어떤 일을 하게 될지 보고 옵시다.

화면이 두 개로 쪼개져 있습니다. 집중해서 봐야 할 부분은 어떤 쪽이 사람이 하는 일이고, 어떤 쪽이 기계가 하는 일인가를 분리해서 생각해보는 것입니다. 또 어떤 것이 원인이고, 어떤 것이 결과인지를 추론해보는 것입니다. 이것은 이해하는 것은 우리 수업 전체를 통틀어서 가장 중요한 부분입니다.

어떤가요? 구분이 가시나요? 오른쪽이 사람이 하는 일이면서 원인이고, 그것에 대한 결과가 왼쪽이면서 기계가 하는 일이죠.

 

 

사람이 하는 일
다시 말해서
원인을 부르는 여러 표현이 있습니다.
부호 또는 신호라는 의미의 코드 (code),
원천이라는 뜻의 소스 (Source),
약속이라는 의미에서 언어
그 중에서 컴퓨터 언어라고 합니다.

 

 

기계가 하는 일
다시 말해서 결과를 부르는 여러 표현이 있습니다.

  • 애플리케이션
  • (줄여서) 앱,
  • (한국어로) 응용 프로그램,
  • 프로그램

웹에서는 결과를 웹 페이지,
웹페이지가 모여있으면 웹사이트라고 합니다.
기능이 좀 많으면 웹애플리케이션이라고 합니다. 
줄여서 웹앱이라고도 하죠. 

 

 

즉, 원인인 코드를 통해서 결과를 만든다는 것이
코딩을 이해하는 핵심입니다.

 

 

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

 

 

그중에 웹페이지를 만드는 코드는 무엇이냐면
HTML입니다.

 

 

 

HTML은 두가지 면에서 중요합니다.

 


하나는 쉽습니다.
앞으로 여러분이 배울 어떤 컴퓨터 언어도
HTML 보다 훨씬 어려울 것이라고 장담합니다.
이 언어의 문법을 완전히 다 배우는데
10분도 걸리지 않습니다.

다른 하나는 중요합니다.
하루에 100번 이상 하는 일이 있다면
그 일은 중요한 일일까요? 아닐까요?
중요한 일입니다.
웹페이지를 하루에 100번 이상 보지 않나요?

 


인류가 생산하는
거의 모든 디지털 정보가 담기는 그릇이
바로 웹페이지입니다.
웹페이지가 없다면 
그 많은 정보가 다 어디로 가야 할까요?

 

 

또 웹페이지가 없다면 
검색엔진도 존재하지 않습니다. 

 


이 웹페이지를 만드는
컴퓨터 언어가 HTML입니다.


HTML은 
쉬우면서,
중요합니다.

 

첫 번째 코딩공부의 대상으로
이보다 좋은 언어가 또 있을까요?

 

제가 웹을 좋아하는
또 하나의 이유

 

퍼블릭 도메인(Public Domain)

 


저작권이 없는 것들을
퍼블릭 도메인이라고 합니다. 

 


한글을 사용할 때
세종대왕이나 그 유족들에게
라이센스 비용을 지급하나요?
안 합니다. 
그것은 한글이 Public Domain이기 때문입니다.

웹 또한 마찬가지입니다.
웹을 만든 팀 버너스 리는
웹을 어떠한 저작권도 존재하지 않는
완전한 자유를 의미하는 퍼블릭 도메인으로 선언했습니다.

 


그렇기 때문에
구글과
마이크로소프트와
애플과
모질라와
네이버가
웹브라우저를 만들 수 있고,
우리는 똑같은 웹페이지를
여러 웹브라우저에서 볼 수 있는 것입니다.

 

 

이런 말이 있습니다.
빨리 가려면 혼자 가고,
오래 가려면 같이 가라.

 

 

웹은 특정 기업이 독점하는 기술만큼
빨리 발전하지는 못했지만,
웹은 특정 기업이 독점하지 않기 때문에
1990년 이후로
27년이 지난 지금 2017년까지 살아남았고,
27년 뒤에도 살아남을 가능성이 매우 높습니다.

 

웹의 세계에 오신 것을 환영합니다.

댓글

댓글 본문
작성자
비밀번호
  1. Jungsok.OH
    다음
  2. 이피
    퍼블릭 도메인의 의미 새롭게 알게 되었네요.
  3. 반자동
    다음
  4. Moonsun
    next
  5. Jihyun Lee
    다음
  6. benuze
    잘 봤습니다~:)
  7. jake
    감사합니다.
  8. 팽석
    말씀을 쉽게 쉽게 너무 잘해주세요ㅠㅠ 귀에 쏙쏙 박히네요!!! 감사합니다 :)
  9. chris
    잘 봤습니다~ :)
  10. 달빈나
    좋은 강의 감사합니다!
  11. 염정민
    잘봤습니다
  12. 초딩맘
    감사합니다.
  13. Kwangsoo Koh
    그렇군요. 감사합니다 ^^
  14. Taesik Woo
    잘 봤습니다~
  15. MyounKee Hwang
    감사합니다
  16. 최하니
    잘보고있습니다. 감사합니다!
  17. Moony
    계속 느끼는 데 문장 하나하나에 힘이 있으신 것 같아요!
    잘 봤습니다.
  18. 코딩학습생
    잘 봤습니다.
  19. 아가야
    목소리가 너무 좋으세요..또박또박 말씀해주시는 강의가 귀에 쏙쏙들어옵니다...^^ 열심히 달려볼께요
  20. Kyungbok Shin
    천천히 잘 보고 있습니다.
  21. egoing
    좀만 기달려주세요 ㅎㅎ
    대화보기
    • 할배
      아직 언어를 전혀 모르겠네요.... 무슨말씀하시는지는 이해 가는데 언어를 알아야 뭐라도 하겠네여 ㅋㅋ
    • 늘작
      와!!! 신세계
    • 지각생
      알듯말듯 천천히 배우면 될거 같네요,,
    • 강태훈
      들어보니 너무 재밌다.
      수료까지 가즈아ㅏㅏㅏ
    • 냐옹
      감사합니다 ^^
    • 신재준
      이제 진정한 시작~~~
    • 엔와제
      진도 팍팍나갑니당
    • Hwang Sung Kim
      좋은 영상 감사합니다
    • 잘풀리는인생
      답변 감사합니다..
      아톰 깔고 아톰 설명 동영상 보고 emmet를 깔았습니다.
      좋네요...편하고요...감사합니다..
      대화보기
      • 이은정
        정말 수많은 특허보다 오픈 도메인의 세계가 넓어서 많은 사람들이 자유롭게 헤엄쳐 다녔으면 하네요. 그깟 특허 섬 같은 것은 완전 무시할 수 있는 그런 멋진 또 하나의 대양이 나타나면 더 좋구요
      • home4u
        잘 봤습니다.
      • egoing
        emmet라는 플러그인을 깔면 신세계가 열립니다.
        추천검색어 : atom emmet
        대화보기
        • 차녕
          잘 보고 있습니다. 감사합니다.

          <팀 버너스 리>
          네이버 지식백과 링크합니다.
          http://terms.naver.com......090
        • 차녕
          팀 버너스 리.
          네이버 지식백과 링크주소 올립니다.
          http://terms.naver.com......090
        • 잘풀리는인생
          아톰쪽 강의를 보니까..나오네요...
          아톰 설치하고
          파일->setting->+install에
          emmet 이라고 치니
          이거 packages 설치하고 글쓰고 tab 키누르는 바로 뒤에꺼 써지네요.
          이런 좋은 기능이 있다니....와우~~~
          대화보기
          • 잘풀리는인생
            <!doctype html>
            이게 뭐 때문에 해주는거죠?
            걍 했지만...궁금해서 ㅎㅎ..넘 질문이 많나요?
            해주는 의미도 있겠지만...
            <!doctype html>
            이걸 맨 윗단에 쓰시길래....
          • 잘풀리는인생
            한가지 질문인데요..
            아톰 editer 에서 코딩 할때
            <html> 이렇게 치면
            <html></html> 이렇게 바로 뜨게 하는건 무슨 명령어 인가요?
            아무리 해도
            <style> 하면 <style 이렇게만 처짐...뒤에는 마무리 단어는 안나오고...
            그전에는 editplus 썻었다가...동영상 보고 아톰으로 바꿧는데..
            바꾼이유가 editplus는 아톰처럼 안되거든요...
            어떻게 키보드를 활성화 해야 저렇게 되나요?
          • 이지현
            열심히 듣고 있습니다.
          • 권은희
            와 ~~~~
            아무 말도 못하겠어요.ㅠㅠ
            너무 감동
          • Namu
            HTML의 설명 배경과 기능에 대해 깔끔하게 잘 설명해주셔서 감사합니다. :)
          • 이수민
            코딩 언제가 꼭 배워보고 싶었는데 이렇게 배울 기회가 생겨서 너무 좋습니다. 게다가 너무 잘 설명해 주셔서 감사합니다.
          • 뉴트스캐맨더
            잘 들었습니다!
          • 화앙곰
            잘들었습니다 :)
          • 나두 시작!!!!!!!!!!!!!!!!!!!!!!!!!!!
            이렇게 재밌는 html강의가~~~~~~~~ㅠㅠ
            그동안 수학공부처럼 집합만 시작했다가 다시 덮어두고.. 다시 또 집합만 시작했다가 덮어두고...반복됐던 html&css!!!!!!!!!!!!
            생활코딩과함께 이제 제발 발을 들여놓는 내가 될수있길바라며~!!
          • sukbu
            0105 완료
          • slowandsteady
            같이 갑시다!
          • PassionOfStudy
            빨리 가려면 혼자 가고,
            오래 가려면 같이 가라.

            이 말이 많이 와닿습니다. ^^

            2018-01-05 - 네번째 수강완료!
          • 박윤섭
            잘들었습니다
          • koreano1cfp@paran.com
            애플리케이션, 앱...이런 표현을 얼마 만에 듣는 것인지...^^
            그동안 무식한 사람들이 "어플"이라고 말하는 것을 듣는 것이 얼마나 짜증이 났는지 모릅니다. ^^
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기