웹 애플리케이션 만들기 실습

구상

본 수업은 웹 애플리케이션 만들기 수업으로 대체 되었습니다. 개편된 수업에서 뵙겠습니다. 본 수업은 2015년 6월 이후에 폐지됩니다. http://opentutorials.org/course/1688

이야기

블로그에 충동적으로 생활코딩 개론이라는 글을 적었다. 이글을 어떤 배경에서 쓴 것인지는 나 자신도 분명하지 않다. 비개발자에게 프로그래밍 하는 법을 알려주고 싶다는 생각을 해오던 터였고, 이것이 이런 글을 쓰게된 배경이 아닐까 싶다. 그렇게 2년이 지났다. 그 동안 생활코딩을 위한 어떠한 노력도 하지 않다가, 어느날 충동적으로 오프라인 수업을 했다.

몇차례 오프라인 수업을 진행 해봤지만, 소모적이라는 생각이 들어서 온라인에서 활동하기로 했다. 스크린캐스트라는 방법을 통해서 컴퓨터 화면을 촬영해서 유튜브로 올렸다. 문제는 프로그래밍이라는 경험이 동영상 한두 개로 전달할 수 있는 규모의 지식이 아니라는 점이다. 그래서 익숙한 블로그에 포스팅을 발행하고 거기에 동영상과 예제를 삽입하는 방법으로 강의를 만들었다. 처음에는 자바스크립트를 통해서 프로그래밍에 대한 본질적인 요소들을 전달하려고 했었다. 이것이 생활코딩의 시작이었다.

문제의 발견

이 계획은 곧 난관에 부딪히고 마는데, 블로그는 최신컨텐츠가 먼저 나오는 컨테이너다. 트위터나 페이스북이나 게시판이나 마찬가지다. 그런데 강의는 먼저 봐야 할 것이 있고, 나중에 봐야할 것이 있다. 그리고 먼저 봐야 할 것일수록 오래된 컨텐츠일 확률이 높기 때문에 오래된 강의를 먼저 보여주는 기능이 필요했다. 

문제의 해결

다행히 나는 개발자고, 개발자는 컨텐츠를 담는 그릇인 컨테이너를 만드는 직업인이다. 몸이 근질근질거리기 시작한다. 아드레날린과는 다른 제3의 느낌이다. 경험상 이런 느낌은 거절하기 어렵다. 하는 수 없이 간만에 연습장을 펼치고 컨테이너를 구상하기 시작한다. 핵심은 아래와 같다.

최신글을 아래에 배치하고, 오래된 글을 위에 배치해서 방문자가 오래된 글부터 순차적으로 볼 수 있도록 유도한다.

Start Small

기조를 하나 정했다. Start Small. 나는 어떤 점에서 컨테이너주의자다. 컨텐츠를 만들면 그것을 담아내는 그릇인 컨테이너에 대해서 욕망하게 된다. 처음에는 컨텐츠를 위해서 컨테이너를 만드는 데, 나중에는 컨테이너가 중심이 되고 컨텐츠는 변방으로 밀려난다. 이것은 내가 원하는 방향이 아니다. 지금 내가 컨테이너를 만들기 시작한 것은 '자바스크립트 수업'을 담아낼 그릇이 필요하기 때문이다. 이 최초의 목적을 잊지 않기 위해서는 재빠르게 컨테이너를 만들고 다시 수업에 전념해야 한다. 그러려면 일을 줄여야 한다. 구현과정에서 떠오르는 모든 기능을 기계적으로 유보하고, 기민하게 한 싸이클을 돌고 나면 진짜로 필요한 것들이 드러날 것이다. UI 모델링을 서둘러서 시작해야겠다.

댓글

본 수업은 웹 애플리케이션 만들기 수업으로 대체 되었습니다. 개편된 수업에서 뵙겠습니다. 본 수업은 2015년 6월 이후에 폐지됩니다. http://opentutorials.org/course/1688

 

궁금하신 점은 각 강의의 댓글로 문의해주세요. 답변이 없는 것은 운영자가 못 봤거나 모르는 것입니다. 생활코딩 커뮤니티에 질문하면 더 많은 분의 도움을 받을 수 있습니다. 그리고 문제를 해결했다면 본문의 댓글로 공유해주시면 다른 분에게 큰 도움이 됩니다. 원하는 답변을 얻는 것은 확률의 문제입니다. 질문의 품질이 높으면 그 확률도 올라갑니다. 질문자의 상황을 더 잘 전달하기 위해서 screenr.com이나 이미지 캡처의 이용을 권합니다.

 

댓글 본문
작성자
비밀번호
  1. Jun Park
    egoing님, 사고와 표현이 멋지시네요. 잘 부탁드리겠습니다. 그리고 멋진 정보와 지식의 사회환원 감사합니다. :D
    (사고와 표현,, 교양수업에 있었던 기억이..)
  2. 사랑합니다
  3. 김태용
    헐...34살...죄송합니다. 선배님들...지금까지 스스로 나이가 많다고 건방 떨고 있었네요.
  4. 금도끼은도끼
    저만 나이가 많은줄알앗더니 52세 되신분도 공부를 시작하시는군요
    더열심히 해야겠다는 생각이드네요
  5. jSoo
    해가 바뀌었으니
    올해 쉰 둘 됐습니다.

    이 나이에 코딩의 세계에 빠지게 해준 egoing님...

    감사합니다. 열심히 해야겠어요
  6. 유진
    멋집니다!!:)
  7. 빛나는새벽
    마치 일기장을 훔쳐 보는 것 같습니다.^^
  8. 팽맨이러닝
    여기서부터 시작이 되는군요.
    역사의 시작이네요.
  9. Organic media
    컨텐츠를 위해 컨테이너를 만든다는 생각을 잊지 않는 것.
    중요한 말 같습니다.
    저도 내용을 담기 위해 컨테이너를 만드려고 합니다.
  10. 만돌
    정말 감사합니다!!!
  11. olivia
    감사합니다~
  12. Dennis
    감사합니다.
  13. Frank
    고맙습니다.
  14. egoing
    start small 작게 시작해서 빨리 성취를 확인한다는 의미 입니다 :)
    대화보기
    • 코딩의 숨소리
      smart small 가 그래서 뭔가요?
    • 연구1본부
      Start Small 좋네요..^^

      저의 기조는 Less is More.
    • Kyuho Lee
      시작은 작았으나 그 끝은 장대하리라! 감사합니다.
    • egoing
      고맙습니다. 화이팅입니다.
      대화보기
      • Lee Jiny
        최근 많은 도움을 받고 있습니다. 비개발자에서 개발자로 그 첫번째 문을 열기에 이만한 콘텐츠가 없다는 생각이 듭니다. 단편적 지식 전달보다는 대부분의 강의에서 전반적인 흐름과 큰 틀의 개념적 접근이 선행된다는 점이 좋습니다. 진심으로 감사드리고, 열렬히 응원합니다.~~^^
      • 삼다도소년
        글 잘 쓰시네요 ^^
      • 환글
        ^^ 근질근질한게 항상 일을 만들죠
      • 엠제이
        Start Small -> 작은 보폭, 점진적 설계.. 애자일과 통하네요. ㅎㅎ
      • Bellamy
        음..잠시 궁금한게있습니다
        프로그래머랑 해커랑 의미가 다른건가요?저는 해커가 프로그래머도 포함한다고 알고있는데요
        일반적으로 (유명한)해커라함은 컴퓨터관련 거의 모든 지식을 알고있는걸로 알고있는데
        아닌가요???
      • smart small 이라.. 좋네요 ㅎ
      • 김 아현
        감사합니다 ㅠㅠ
      • 박종길
        클라이언트측 기술의 HTML을 배우던 중 읽게 되었습니다.
        감사하다는 말밖에 더 할말이 없네요.
        감사합니다.
      • artropism
        대한민국에는 벌써 살만 칸이 있었군요
      • 이종호
        고맙습니다. 정말 도움이 많이 되네요
      • k8805
        고맙습니다!
      • 지혜자
        감사합니다.
      • 김경록
        지식인이라면 이런 일을 해야지요~
        나도 뭔가를 해야 할 텐 데...
      • 좀비의부활
        감사합니다~
      • jaballet
        UI모델링.. 알고보니 간단한 뜻인데, 왠지 있어보이는 용어...
      • David Jung
        너무 재밌어요 ! :- )
      • 은별
        감사합니다!!^^
      • egoing
        고맙습니다!
        대화보기
        • egoing
          화이팅이요~ :)
          대화보기
          • 생또생
            빨리 진도를 나가고 싶어 근질근질...
          • nahanstar
            굉장합니다!!! ^^;;
          • ick soo
            새로운 경험을 하는 중입니다!
          • nayahsh
            와우! 감사합니다.
          • 스페샬홍
            항상 감사하고 있습니다.진정한 지식나눔이라 생각해요!
          • June
            대단하시다.. 정말!! 멋져요!
          • 웨일라이더
            단순히 코딩을 배운다기 보다는 무언가 soul을 느끼게 되네요~! 감사합니다!
          • 빅샷
            문제의 발결이 중요하군요.... 그곳부터 개발이 시작되죠....^^
          • Hiworld!
            강의가 보통의 '설명'이라는 것과 다르게 색다른 느낌으로 다가오네요!음.. '이야기'? 여튼 재밌습니다. !^^
          • 박재홍
            아직까지도... 무슨 말인지 모르겠네요.. 재미있게 보도록노력중입니다.ㅎㅎ
          • arahansa
            최고입니다^^
          • bellabonita
            스타트 스몰! 프린터 잉크 갈아끼우는 것도 10번 해봐야 그제서야 터득하는 저이지만, 저 역시 스타트 스몰!! :D
          • Rags
            Start Small. 좋네요. ^^
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기