생활코딩

Coding Everybody

코스 전체목록

닫기

혁명적인 변화

 

 

 

---

 

 

제가 오랜 시간
공부에 대해서
오해한 게 있습니다.

중요한 것은 어렵고
쉬운 것은 사소하다는 것입니다.

 

 

이렇게 생각하게 된 이유가
무엇인지
가만히 생각해 보니까
쉬운 것은
시험에 나오지 않기 때문이었던 것 같습니다.

시험의 목적은
누가
얼마나 열심히 공부했는지를 구분하는 것이기 때문에
틀릴 만한 것이 출제됩니다.

이런 상태가 오래 지속되면
어려운 것이 중요하고,
쉬운 것은 중요하지 않다는
생각을 하게 되는 것 같습니다.

생활코딩을 하면서
느낀 것 중에 가장 귀한 것은
꼭 그런 것은 아니라는 것을
알게 된 것입니다.

 

 

처음에 배우는 것은 쉽지만 중요합니다. 가장 자주 사용되는 부품이면서, 그 부품을 결합해서 새로운 완제품을 만들어 내는 결합방법이기 때문입니다.

우리는 단지 HTML의 기본 문법인
태그를 배웠을 뿐입니다.


하지만
저는 웹을 공부하고 계신 여러분에게
감히 이렇게 말씀드리고 싶습니다.

 

 

여러분의 인생은
태그를
배우기 전과
배우고 난 후로
나눌 수 있습니다.

좀 과한 느낌이 나죠?
그럼 지금부터 그 이유를 설명해 드릴게요.
제가 한 말이 과한지 아닌지 한 번 평가해 주세요.

우선 아래 사이트에 방문해 주세요.
https://www.w3.org/

이 웹사이트는
W3C(The World Wide Web Consortium)라는
국제민간표준화기구의 홈페이지입니다.

 


웹은 한 기업에 의해서 만들어지는 것이 아니고
W3C에 소속된 여러 기업과 기관들의
논의를 통해서 만들어지고 있습니다.
미래에는 어떤 기능이 필요하고,
그 기능은 어떤 태그로 표현할 것인가를 의논하는 것이죠.
W3C에서 웹의 미래가 결정되면
각각의 브라우저 업체들이 같은 태그를
보다 잘 구현하기 위해서 치열하게 경쟁하고 있습니다.
웹이 다른 기술들과 구분되는
공공재적인 면모라고 할 수 있습니다.

 

 

이 웹사이트에서 오른쪽 클릭을 해 보시면 페이지 소스보기(View Page Source)가 있을거에요. (동영상참고:https://youtu.be/QoQsaUWx3EU?t=118)

 

 

실행하면 아래와 같이 이 웹페이지의 소스코드를 볼 수 있습니다. 자주 가는 웹사이트에서 해 보세요.

어때요? 모르는 게 많죠? 모르는게 많으니까 기분이 막 좋아지시나요? ㅎㅎ

 

 

아마 불쾌하실 거에요.
인류는 모르는 것이 나오면 불쾌해 합니다.
그리고 이 불쾌감을 해소하는 방향으로 노력하는데
그것이 바로 문명이 아닐까요?

 

 

저는 앞서서 여러분에게
우리의 인생은
태그를
배우기 전과
배운 후로
나눌 수 있다고 감히 말씀드렸습니다.
정말 그런지 생각해 봅시다.

 

이 중에서
<h1으로 시작하는 코드를 가져와 봤습니다.

<h1 class="logo">
    <a tabindex="2" accesskey="1" href="/">
        <img src="/2008/site/images/logo-w3c-mobile-lg" width="90" height="53" alt="W3C" />
    </a> 
    <span class="alt-logo">W3C</span>    
</h1>

 

 

복잡하죠?
교육상 필요 없는 것은 지워 볼게요.
아래처럼 단순해졌습니다.

<h1>W3C</h1>

 

 

자 질문입니다.
잘 생각해 보세요.
<h1>은 어떤 기능일까요?

 

 

모르겠죠?
당연해요. 제가 안 알려줬거든요. ㅎ

 

 

그럼 질문을 바꿔보겠습니다.
여러분은 h1이 무엇인지를 정말 순수하게 모르나요?

 

 

아닙니다.
여러분은 더 이상 순수하게 모르지 않습니다.

 

 

<h1>에서
어떤 부분은 알고,
어떤 부분은 모릅니다.

 

이제 여러분은
<h1>이 태그라는 사실은 알고 있습니다.
다만, 어떤 기능의 태그라는 것을 모를 뿐이죠.

 

 

다시 말해서
태그를 배우기 전의 여러분은
무엇을 모르는지도 몰랐는데,
태그를 배운 후의 여러분은
무엇을 모르는지는
아는 상태가 된 것입니다.

 

 

이것은 혁명적인 사건입니다.
왜냐하면 무엇을 모르는지 알면
검색엔진을 이용해서 검색할 수 있고,
SNS를 통해서 질문할 수 있고,
h1 태그가 무엇인지
궁금해 하기 시작하거든요.

 

 

특히
오늘날은 정보기술이 고도로 발전했습니다.
언제든지 주머니에서 스마트폰을 꺼내서
웹브라우저를 켜고
검색엔진으로 검색하고
SNS로 질문하면 
1분 안에 h1이 어떤 태그인지 알아낼 수 있는
기적적인 시대에 우리는 살고 있습니다.

 

 

그럼 h1이 어떤 태그인지
검색을 통해서 알아볼까요?
각자 익숙한 검색엔진을 열어보세요.
추첨 검색어는 아래와 같습니다.

 

HTML h1 tag

 

그럼 천재적인 컴퓨터 공학자들이
자신의 인생을 갈아서 만든 소프트웨어들이
몇 백만 개의 검색결과를
0.5초 만에 검색해서 알려줄 거에요.

 

 

그 중에서 하나의 결과를 아래와 같이 찾았다고 해 보죠. (w3school)

예제(Example)와 정의(Definition)가 나오는데요. 이 중에서 처음부터 정의를 보는 것 보다는 예제를 먼저 보시는 것도 좋습니다. 예제를 통해서 이 기능이 무엇인가에 대한 느낌을 가지고 정의를 보시면 훨씬 더 잘 이해가 될거에요.경험을 통해서 추론하는 것은 자기 힘으로 알아내는 것이고, 이론을 통해서 배우는 것은 남의 도움을 받는 것입니다. 둘 다 중요하지만 경험으로부터 출발하는 것을 저는 더 좋아합니다.

 

 

예제를 실행시켜 보겠습니다.

위의 결과를 통해서 추론할 수 있는 것을 생각해 봅시다. h뒤에는 숫자가 붙는다, 글자가 두꺼워진다, 숫자가 커지면 글씨가 작아진다

 

 

추론을 바탕으로 정의를 다시 봅시다. 정의에는 이렇게 적혀 있습니다.

The <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines the least important heading.

 

 

heading은 제목이라는 뜻입니다.
이를 통해서
h1은 가장 큰 제목 태그라는 것을 알 수 있습니다.

 

 

이렇게 필요한 정보를 알아내시면 됩니다.
무엇인가를 알아내는데 수단과 방법을 가리지 마세요. ^^
우아한 방법은 교실 안에서만 존재합니다.
자연의 비밀은 우아한 방법으로는 찾을 수 없습니다.

 

 

우리가 알게 된 것을 사용해서 우리의 프로젝트를 좀 더 가치 있게 만들어 봅시다. 저는 이 웹페이지에 HTML이라는 제목을 넣고 싶어졌습니다. 어떻게 하면 될까요? 이렇게 하면 되겠죠? 변경사항

이렇게 해서 <h1>태그가 무엇인지를 알게 되었습니다. h1 태그도 중요하지만 그 보다 더 중요한 것이 있습니다.

 

 

우리가
얼마나 놀라운 시대에 살고 있는가를
낯설게 바라보는 것입니다.

만약 우리가 20년 전에
h1 태그가 무엇인지 궁금했다면
어떻게 했을까요?

 

 

한 시간 동안 차를 타고 도서관을 찾아갑니다.

도서관에 도착하면
20분 동안 책을 찾고,
10분 동안
h1이 무엇인지 찾았을 것입니다.

다시 돌아오는데 한 시간이 또 걸렸겠죠.
시간도 들고, 돈도 듭니다.

이런 시대에 살고 있는 사람들은
어떤 일을 하려고 할 때
무엇이 필요할지 알 수 없기 때문에
필요할지도 모르는 모든 지식을
머릿속에 욱여넣고 살아야 했을 것입니다.
이런 시대에 이런 공부방법은 당연했을 거예요.
불만도 없었을 것이고요.

하지만
우리가 지금 살고 있는 세상은
검색엔진
SNS
채팅과 같은 기술이
고도로 발전한 시대입니다.


어떤 정보를 알아내는데
1분 밖에 걸리지 않습니다.

어떤 정보를 알아내는데
1분밖에 걸리지 않는다면
그것은 그 정보를
이미 알고 있는 것이나 다름없지 않을까요?

생각해 보면 내 머릿속에 있는 지식도
때에 따라서는 1분 이상 걸릴 때가 많고
심지어 꺼내오는 것에 실패하는 경우도 많지 않나요?

 

 

과거에는 무엇인가를 하려면
정말 많은 것을 공부해야 했습니다.

 

 

하지만 세상은 점점
무엇을 모르는지만 알고 있다면
이미 아는 것이나 다른 없는 상태로 나아가고 있습니다.

 

 

이런 시대에
과거와 같은 방법으로 공부하고 있다면
시대와 어울리지 않는 만큼
학습자들은 고통스러울 것입니다.

 

 

과거에 기초란
더 어려운 것을 알기 위한 과정으로서 중요했습니다. 
그래서 자기 분야가 아니면 
알려고 하지 않았습니다.

 

 

오늘날은 
기초만으로도
많은 것을 할 수 있는
시대가 되고 있습니다.

 

 

기초만 알아도 
모르는 것은 기계가 알려주고, 
못하는 것은 기계가 해 주거든요.


혁명적인 출발을 축하합니다.
우리의 시작이 빠른 속도로 대단해지고 있습니다.  

댓글

댓글 본문
작성자
비밀번호
  1. 초딩맘
    꾸준히 들어보려고 합니다^^
    좋은 강의 친구들과 공유합니다
  2. 김민승
    태그를 알기전과 알고난 후의 나~
  3. Jungsok.OH
    정말 코드를 통한 삶의 지혜 강의 같습니다. 다음~
  4. 할배
    h1 배웠네...
  5. Jeonghee Gwon
    인생공부도 되는 코딩야학 ㅋ
  6. Yunsu Park
    H1의 의미가 이렇게 위대할 줄이야!
  7. 이피
    html 공부가 아닌 인생에 대한 철학을 배우는 것 같네요. 번외 이야기가 더 재밌다는 것이 함정~
  8. 반자동
    힘들지만 다음 ~
  9. 김부슬
    너무 재미있어요 ㅠㅠ
  10. 황개미
    철학이 있는 강좌.. 너무 멋져영
  11. Jihyun Lee
    잘봤습니다.다음
  12. Jake
    감사합니다.
  13. 팽석
    말씀 하나하나가 너무 와닿습니다. 감사합니다ㅠㅠ
  14. seokhee
    내가 무엇을 모르는지에 대한 정확한 인식이 중요하다. 메모..
  15. 2real0613
    기초가 차근차근이네요! 강의 감사합니다~
  16. 김태엽
    html공부하다가 감동받았습니다
  17. 달빈나
    재밌는 강의 감사합니다~!
  18. Homeeun
    감사합니다 ^^
    대화보기
    • Kwangsoo Koh
      잘 봤습니다 ^^
    • 코딩학습생
      잘 봤습니다~
    • 이서연
      재밌게 잘 봤습니다~ 지난 번에는 태그가 안먹히더니 이번에는 Ctrl + O를 눌러도 웹페이지가 안열립니다 ㅠ
    • 너무 재밌게 잘 보고 있습니다ㅏ!
    • Kani Kim
      열심히 열심히 해야쥐...
    • goosen
      잘봤습니다 감사합니다^^
    • 김재학
      깨진 웹페이지 에 대고 오른쪽 마우스를 누르면 매뉴가 뜨고 거기에 인코딩이라는 것이 있을 겁니다.
      그걸 누르시고 한국어로 되어있는 놈을 유니코드를 눌러서 바꿔 주세요
      대화보기
      • Homeeun
        입력을 영어로 하면 잘 되는데 한글로 하면 웹페이지에서 깨져서 출력이 되는데요. 한글도 잘 써지도록 하려면 어떻게 해야 하나요?
      • 지지
        재미있고 신기하네요!
      • Hongjae Jung
        태그를 배우기 전의 여러분은
        무엇을 모르는지도 몰랐는데,
        태그를 배운 후의 여러분은
        무엇을 모르는지는
        아는 상태가 된 것입니다.





        이것은 혁명적인 사건입니다.
        왜냐하면 무엇을 모르는지 알면
        검색엔진을 이용해서 검색할 수 있고,
        SNS를 통해서 질문할 수 있고,
        h1 태그가 무엇인지
        궁금해 하기 시작하거든요.


        이 문구가 오늘 아침 내 마음을 사로잡네요.... 좋아요
      • 가는중이에요
        감사합니다!!
      • Hwang Sung Kim
        무엇을 공부해야된느지를 점점 보여 주는거 같아요
      • Deen
        태그 신기하고 재미나네여 ^^*
      • 차녕
      • 이영준
        좋아요!
      • Seonghee Park
        신세계~~~
      • 권은희
        ㅠㅠ 또 감동
      • 서경숙
        완료
      • aimerthis(이성민)
        잘봤습니다.
      • 한재민
        웹페이지가 이런 언어로 이루어져 있었군요!!
      • 김수안
        잘 봤습니다
      • 정삿갓
        감사합니다 ^^
      • 이유리
        감사합니다.
      • 완료!
      • slowandsteady
        익숙한 것을버리고 새로움에 적응하는 일.
        그리고 실행력으로 점점 발전하겠씁니다.
      • egoing
        지적해주신 것 다 수정했습니다! 맞춤법 검사기 보다 훨씬 정확하게 알려주셔서 고맙습니다. 꽤 큰 직업이었을텐데 정말 고맙습니다.
        대화보기
        • PassionOfStudy
          과거의 학습방법에 연연하지 말고 현대의 학습방법을 따라가겠습니다~
          혁명적인 시대에 살고있다는 것이 행복합니다~


          2018-01-05 - 일곱번째 수강완료!
        • egoing
          정말 감사합니다! 제가 아직 맞춤법 검사기를 돌려서 내용 체크를 못해서 대량으로 수정사항이 있는 것 같아요. 잠시 맞춤법 체크를 쉬셔도 될 것 같습니다. 제가 진행해볼께요. (너무 수정사항이 많을 것 같아서요) 그리고 감사의 마음을 담아서 생활코딩에서 만든 뱃지를 드리고 싶습니다. 닉네임에 해당하는 이메일로 뱃지 받으실 수 있는 방법 보내드릴께요 :)
          대화보기
          • 철학있는백수
            코딩을 배우는 것에도 감사 드리지만... 배움에 앞서 “우리는 왜 코딩을 배워야 하는가?” 에 대한 철학적 가르침 또한 감사드립니다.

            역시 국문학 출신이니까 그런지.. 사고의 깊이가 남 다르신 것 같습니다.

            여러모로 많이 배우겠습니다!! 감사합니다. ^^
          • koreano1cfp@paran.com
            "공부에 대해서 오해한게 있습니다."
            위에서는 "오해한게"를 "오해한 게"로 수정해야 함.

            "무엇인지 가만히 생각해보니까"
            위에서는 "생각해보니까"를 "생각해 보니까"로 수정해야 함.

            "틀릴만한 것이 출제됩니다."
            위에서는 "틀릴만한"을 "틀릴 만한"으로 수정해야 함.

            "새로운 완제품을 만들어내는 결합방법이기 때문입니다."
            위에서는 "만들어내는"을 "만들어 내는"으로 수정해야 함.

            "그럼 지금부터 그 이유를 설명해 드릴께요."
            위에서는 "드릴께요."를 "드릴게요."로 수정해야 함.

            "제가 한 말이 과한지 아닌지 한번 평가해주세요."
            위에서는 "한번 평가해주세요."를 "한 번 평가해 주세요."로 수정해야 함.

            "우선 아래 사이트에 방문해주세요."
            위에서는 "방문해주세요."를 "방문해 주세요."로 수정해야 함.

            "이 웹사이트에서 오른쪽 클릭을 해보시면 페이지 소스보기(View Page Source)가 있을꺼예요."
            위에서는 "해보시면"을 "해 보시면"으로, "있을꺼예요."를 "있을 거에요."로 수정해야 함.

            "자주 가는 웹사이트에서 해보세요."
            위에서는 "해보세요."를 "해 보세요."로 수정해야 함.

            "아마 불쾌하실 거예요."
            위에서는 "거예요."를 "거에요."로 수정해야 함.

            "인류는 모르는 것이 나오면 불쾌해합니다."
            위에서는 "불쾌해합니다."를 "불쾌해 합니다."로 수정해야 함.

            "정말 그런지 생각해봅시다."
            위에서는 "생각해봅시다."를 "생각해 봅시다."로 수정해야 함.

            "교육상 필요 없는 것은 지워볼게요."
            위에서는 "지워볼게요."를 "지워 볼게요."로 수정해야 함.

            "잘 생각해보세요."
            위에서는 "생각해보세요."를 "생각해 보세요."로 수정해야 함.

            "왜냐면 무엇을 모르는지 알면"
            위에서는 "왜냐면"을 "왜냐하면"으로 수정해야 함.

            "궁금해하기 시작하거든요."
            위에서는 "궁금해하기"를 "궁금해 하기"로 수정해야 함.

            "추첨검색어는 아래와 같습니다."
            위에서는 "추첨검색어"를 "추천 검색어"로 수정해야 함.

            "몇백만개의 검색결과를"
            위에서는 "몇백만개의"를 "몇 백만 개의"로 수정해야 함.

            "0.5초만에 검색해서 알려줄꺼예요."
            위에서는 "0.5초만에"를 "0.5초 만에"로, "알려줄꺼예요."를 "알려줄 거에요."로 수정해야 함.

            "하나의 결과를 아래와 같이 찾았다고 해보죠."
            위에서는 "해보죠."를 "해 보죠."라고 수정해야 함.

            "정의를 보시면 훨씬 더 잘 이해가 될꺼예요."
            위에서는 "될꺼예요."를 "될 거에요."로 수정해야 함.

            "예제를 실행을 시켜보겠습니다."
            위 문장은 "예제를 실행시켜 보겠습니다."로 수정하는 것이 더 좋음.

            "추론할 수 있는 것을 생각해봅시다."
            위에서는 "생각해봅시다."를 "생각해 봅시다."로 수정해야 함.

            "숫자가 커지면 글씨가 작아진다. 글씨가 두꺼워진다."
            위에서는 "두꺼워진다."를 "가늘어진다."로 수정해야 하지 않을까요?

            "정의에는 이렇게 적혀있습니다."
            위에서는 "적혀있습니다."를 "적혀 있습니다."로 수정해야 함.

            "프로젝트를 좀 더 가치 있게 만들어봅시다."
            위에서는 "만들어봅시다."를 "만들어 봅시다."로 수정해야 함.

            "이렇게해서 <h1>태그가 무엇인지를 알게 되었습니다."
            위에서는 "이렇게해서"를 "이렇게 해서"로 수정해야 함.

            "1분밖에 걸리지 않습니다."
            위에서는 "1분밖에"를 "1분 밖에"로 수정해야 함.

            "생각해보면 내 머릿속에 있는 지식도"
            위에서는 "생각해보면"을 "생각해 보면"으로 수정해야 함.

            "더 어려운 것을 알기 위한 과정으로써 중요했습니다."
            위에서는 "과정으로써"를 "과정으로서"로 수정해야 함.

            "못하는 것은 기계가 해주거든요."
            위에서는 "해주거든요."를 "해 주거든요."로 수정해야 함.
          • leeeb
            좋은 강의네요 도움 많이 됐습니다 !
          • 김정윤
            감사합니다~! 잘봤습니다!!!!
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기