생활코딩

Coding Everybody

코스 전체목록

닫기

웹 애플리케이션 만들기

| 공개
웹 애플리케이션 만들기를 새롭게 만들기 위해서 후원자를 찾고 있습니다. 덜 고통스럽고, 더 재미있는 수업이 될 수 있도록 노력하겠습니다. 함께 해주셔서 고맙습니다.  https://tumblbug.com/web1

수업소개

사실 프로그래밍을 오래한 전문 프로그래머도 모든 것을 알지 못합니다. 다만 전문가는 '무엇을 모르는지 아는 상태'에 있기 때문에, 어떤 문제를 해결하기 위해서는 무엇이 필요한지를 아는 사람이라고 할 수 있을 겁니다. 그렇다면 프로그래밍을 처음 시작하는 비전문가는 이렇게 정의할 수 있을 겁니다. '무엇을 모르는지 모르는 상태'

 

 

 

 

생활코딩의 1차적인 목적은 학습자가 바로 이 '무엇을 모르는지 모르는 상태'에서 재빠르게 벗어날 수 있도록 도와드리는 것입니다. 이것을 위해서 실습편을 만들었습니다. 생활코딩 실습 시리즈 중 첫번째인 '웹서비스 만들기' 편은 하나의 웹서비스가 어떤 맥락에서 시작되는지에 대한 '발상'에서부터 그것을 기획, 개발, 운영하는 전과정을 실습해보는 일종의 '무작정 따라하기'입니다.

 

 

 

 

생활코딩 실습은 프로그래밍에 대해서 아무것도 모르는 분들을 위한 코스입니다. 차분하게 실습을 따라하면서 하나의 웹서비스가 어떤 기술들로 구성되어 있고, 각각의 기술들이 어떻게 상호작용하는지를 음미하다보면 '무엇을 모르는지 모르는 상태'에서 재빠르게 벗어날 수 있을 것입니다. 그렇기 때문에 아무것도 모른다고 겁먹지 않으셔도 됩니다. 아무것도 모르는 사람들을 위한 수업이고, 설령 중도에 포기하더라도 그것은 필자의 부족함 때문이지 여러분 때문이 아닙니다. 

 

 

 

 

이런 이미지가 떠오릅니다. 비행기를 타고 구름 사이를 움직여보면 자신이 고속으로 이동하고 있다는 사실을 잊어버리게 됩니다. 여러분은 비행기에 탑승한 것입니다. 우리는 웹, 인터넷 그리고 코딩이라는 거대한 분야를 매우 빠른 속도로 이동할 것입니다. 다만, 비교 대상이 없기 때문에 그 속도가 빠르게 느껴지지 않을 뿐입니다. 전체적인 모습을 빠르게 조망할 수 있다는 것은 우리 수업의 중요한 장점입니다. 

 

 

 

 

공부방법

하지만, 그것은 단점이 되기도 합니다. 대단히 방대하고 복잡한 맥락을 감추고 있기 때문에 공부하다가 공백이 생기면 풀려버린 실타래처럼 엉망이 되버릴 수 있습니다. 그렇다고 모든 내용을 한번에 완주할 필요는 없습니다. 천천히 자신에게 익숙한 속도로 공부하시면 됩니다. 그 이유는 이렇습니다.

이 수업에서는 가장 많이 사용되는 부품과 가장 보편적으로 쓰이는 부품의 결합방법을 처음에 배웁니다. 뒤로갈수록 기하급수적으로 어려워지지만, 중요도는 급격히 떨어집니다. 어려운 것은 중요한 것이 아닙니다. 중요한 것은 대체로 처음에 배우고, 쉽습니다. 그래서 천천히 배워도 됩니다. 

 

 

 

 

누구나 기초가 중요하다고 합니다. 하지만, 기초만으로도 정말 많은 것을 할 수 있다는 사실은 잘 알려주지 않는 것 같습니다. 예를들어, 곧 배울 html만으로도 여러분은 웹사이트를 만들 수 있습니다. html 뒤에서 배울 모든 기술은 사실 html을 위해서 존재합니다. html은 css나 javascript가 없어도 혼자서 잘 지낼 수 있지만, css나 javascript 같은 기술은 html이 없다면 존재의 의미가 없습니다. 실제로 html은 가장 먼저 출현한 기술입니다. 다른 기술들은 html을 보조하기 위해서 나중에 등장한 것들입니다. 그래서 천천히 배워도 됩니다.

 

 

 

 

공부하다보면 이해가 안되고, 추상적인 느낌이 들기 시작할꺼예요. 그것은 뇌가 보내는 시그널이라고 생각합니다. 지금은 진도를 나가기 보다는 지금까지 공부한 것을 사용할 때라는... 이 시그널을 무시하면 뇌는 수단과 방법을 가리지 않고 진도를 방해합니다. 뇌를 이기는 의식은 없습니다. 고통받던 뇌는 결국 포기를 선언합니다.

 

 

 

 

포기하기 전에 유보를 고려해보시면 좋겠습니다. 저의 경우 3년째 유보를 반복하면서 보고 있는 책이 있습니다. 이 책의 첫번째 장을 몇번 봤는지 모릅니다. 하지만 처음 배우는 것이 제일 중요하다는 생각을 한 후에는 구체적인 느낌이 들 때까지 반복해서 읽고 있습니다. 볼 때마다 책의 내용이 구체적으로 느껴지는데 이것은 뇌가 흥분하고 있다는 시그널이 아닐까요? 현명한 의식은 뇌와 다투지 않습니다. 뇌가 포기하기 직전에 유보를 하시면 좋겠습니다. 그래서 천천히 배워도 됩니다.

 

 

 

 

혼자하기 어렵다면 친구나 동료들과 함께하는 것도 좋을 것입니다. 생활코딩 페이스북 그룹을 통해서 함께 할 사람을 찾아보는 것도 좋은 생각입니다. 또 생활코딩의 공동공부 기능을 이용하면 지속적인 학습에 도움이 될 것입니다.

 

 

 

 

 

자 그럼 화이팅!

 

 

 

Sound of coding

본 수업은 뮤직 비디오를 제공하고 있습니다. 각 수업별로 코딩하는 모습을 뮤직 비디오로 만들었습니다. 틈틈히 보시면 지식을 다시 동기화하는데 도움이 되지 않을까요? 

Sound of coding 보러가기

Youtube 한국어 자막

이 수업은 한국어 자막을 제공하고 있습니다. 아래는 자막 작업에 공헌해주신 고마운 분들입니다. 

자막 참여방법 : https://www.youtube.com/watch?v=skhiZog_k1w 

  • 박준호
  • 청음회관(임성현)
  • Seongsoo Yoon
  • MulManDu(이채윤)
  • 최광훈
  • 최준영
  • 홍민기
  • 주재학
  • 신민승
영상 편집에 오류가 있을 수 있습니다. 문제점이 있는 부분에 대해서 시간을 알려주시면 확인 후에 처리하겠습니다.도와주세요~
수업에 댓글을 다시면 저에게 이메일이 옵니다. 수강하시고 댓글을 통해서 완주를 기록하시는 것도 좋지만, 공동공부를 이용하시면 제가 메일을 좀 더 효율적으로 사용하는데 도움이 됩니다. 댓글은 정보공유, 질문, 수업에 대한 감상과 같은 용도로 사용하시면 더 좋을 것 같아요. 

오프라인 수업 소식

아래 채널에 가입하시면 오프라인 소식이나 기술 소식이 있을 때 알려드립니다. 

댓글

댓글 본문
작성자
비밀번호
  1. 응원합니다!
    정말 멋진 가치를 실현하시는군요. 감동이에요!
  2. 쀼랴륨
    다시 시작합니다!
  3. Holy_H
    루비 파이썬 수업을 듣다가 한동안 손을 놓고 있었어요.
    눈에 보이는 것을 먼저 해보고 싶다는 생각이 들어서 웹 애플리케이션 수업을 들어보려고요.
    짧다고 하루에 몇 개씩 듣다보면 금방 질리게 될 것이란 걸 알고 있기 때문에 이제는 잘 조절해가면서 들어보려고 합니다.
    잘 부탁드립니다.
  4. 오리날자
    유보했었다가 오늘 다시 시작합니다!
  5. DeLli
    출발!
  6. 시밍
    시작합니다!
  7. 보물바구니
    이런 유용한 교육도구가 그것도 무료로 국내에서 존재한다는게 믿기지 않습니다.
    시작하기전에 감사 인사부터 드립니다.
    오늘부터 시작합니다.
  8. 생코출발
    시작 합니다!
  9. reag
    시작!
  10. 박수정
    현업에 치어 주어진 업무에만 급급하다 보니 뒤쳐졌다는 생각이 들어 코딩을 다시 공부해보려 합니다!
    끝까지 완주할께요~ 저도 시작했습니다! 화이팅^^
  11. 이재헌
    이제 시작합니다!!
  12. 김호준
    11/12일 수시 합격하고 이제 시작합니다 화이팅!!!
  13. 서성진
    시작했습니다
  14. 어쨌든 화이팅
    대화보기
    • hjoo
      11월 8일 오후 11시 33분, OT를 다 본 지금부터 시작합니다!
    • 어제부터 마음먹었으니까 2017년 11월 7일부터 시작..이려나?
    • 병준
      11.8시작!
    • 최우진
      속도는 느리더라도 차근차근 끝까지 완주하셨으면 합니다 ^ㅡ^
      대화보기
      • kimsungpyo02
        2017년 11월 8일 오전 12:06 시작!
      • 다둥
        시작합니당
      • R.Rouge
        소스보니 해당파일들은 영상파일 이네요.
        https://vp.nyt.com......mp4

        https://vp.nyt.com......mp4
        대화보기
        • 호에에엥
          ㄱㄱ
        • zlzldntlr
          2017년 11월 03일 시작!
        • 잎싹
          시작합니다...
        • 10.31 시작합니다~!! 감사합니다.
        • 옐리젤리
          10.31. 시작합니다.
        • 김종은
          10.30 시작합니다:)
        • 마젠타
          갑니다 출발합니다!
        • ireland
          감사합니다. 그런데

          https://www.nytimes.com......cle

          여기에 나오는 움직이는 그림은 어떻게 넣는 걸까요?
        • 10.29 시작합니다..!
        • 임진웅
          10.29 다시시작
        • 뿌링클
          시작!
        • Jongwon Lim
        • 세계최고프로그래머
          출발 !!!
        • 시작합니당!!화이티이잉!!!
        • 루씨구씨
          시작합니다.
          모두들 화이팅합시다!
        • 와우 이리좋은 곳이 있다니...설명이 쏙쏙 들어와요....강사님 목소리 최고, 속도 안정 ,발음 어나운서 급...공부 시이작..
        • 나정
          나도 오늘부터 시작해보기로 했습니다!!
        • Ravlion
          시작!
        • 클클
          시작합니당
        • 지니다냥
          10/17
        • Eshilluna
          Let's start...!!
        • from 2017.10.17
        • 여유호랑
          시작합니다.
        • 시작!
        • R.Rouge
          시작!
        • 삐까
          시작..
        • ㄱㄴㅇ
          혹시 강의하실때 사용하는 ppt를 따로 다운 받을 수 있는 곳이 있나요 ??
        • 구본혁
          시작합니다!
        • 고라파덕
          시작!
        graphittie 자세히 보기