생활코딩

Coding Everybody

코스 전체목록

닫기

웹 애플리케이션 만들기

| 공개

오랫동안 사랑 받은 이 수업 '웹 애플리케이션 만들기'는 WEBn 수업으로 대체 되었습니다. WEBn은 20시간 분량으로 된 '웹 애플리케이션 만들기' 수업을 작게 쪼개서, 부분 학습, 선택 학습 할 수 있도록 고안된 수업입니다. 생활코딩의 새로운 수업 WEBn 시리즈를 권합니다.  

 

WEBn 바로가기

 

 

댓글을 달면 생활코딩 운영자에게 이메일이 자동 발송됩니다. 가급적 댓글은 질문/답변, 인사, 수업에 대한 감상 같은 용도로 사용해주세요. 학습시간을 댓글로 작성하시는 분들이 많이 계십니다. 이런 분들을 위해서 공동공부와 봤어요 기능을 만들었습니다. 많이 이용해주세요~ 

수업소개

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

 

 

 

 

생활코딩의 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. myjin
    수강시작!!
  2. 2019-11-24
    시작합니다
  3. Hey Young
    2019-11-17 새로운 시작합니다~
  4. 이고잉2
    META UTF-8 하셔야되영
    대화보기
    • 흑흑
      한글이 깨져요ㅠㅠㅠㅠㅠㅠㅠㅠ
    • Steven Seo
      20191114 요이땅입니다!!!
    • Hyunsoo
      가즈아!!!
    • kpearl
      20191028 오늘부터 시작합니다. 감사합니다 !
    • 마동주
      2019-10-21
      오늘부터 시작합니다.
      좋은 강의 감사합니다
    • 웹초보
      20191020 start
      잘 배우겠습니다
    • 오세
      시작합니다. 감사합니다
    • heomghee@hanmail.net
      감사
    • heomghee@hanmail.net
      감사합니다
    • John Wick
      시작!
    • 박은희
      시작합니다! 감사합니다!
    • bangbyb
      시작합니당
    • Absolute Styling Limo
    • 류석현
      시작합니다!!
    • 프로페서칼륨
      시작!
    • 린냥
      시작합니다.
    • 김남열
      시작하겠습니다.
    • 유은영
      시작합니다.
    • 나라
      좋은 강의로 시작할 수 있어서 정말 항상 감사합니다!!!!!!!!!
      저도 시작합니다~!!!!!!!
    • 이범진
      시작합니다
    • ㅁㅁㅁ
      시작합니다
    • LIV_GERRARD
      좋은 영상 감사합니다 처음 입문하는 프로그래밍 초보자 입니다
      어떤거부터 봐야할지 순서를 가르쳐주시면 정말 감사하겠습니다
      지금 저는 "웹애플리케이션만들기"를 가장 먼저 보는중입니다
      공부 순서를 가르쳐주십시요~~^^
    • 박준원
      감사합니다.
    • kwlee83
      감사합니다!!
    • 랩퍼투혼
      암튼 감사~
    • 야근요정
      멋있어요..휴 왜 이제서야 나타나셨나요...하아
    • 송준호
      두산 망해라
    • 시작이다
    • 유진
      시작이요!
    • 이현준
      시작
    • joonoo
      2019년 4월 21일 시작
      화이팅..!
    • ehsqjfwk
      2019년 4월14일 시작
    • 칠칠석
      2019년 4월 6일

      완료!
    • 진동욱
      오늘부터 시 작
    • 셜리
      주말에 시작한다하고...오늘에서야 시작합니다...^^
    • 길행9
      새로이 시작!
    • 3월 8일 추울바알 ~ !
    • 쫄롱이
      도움 주셔서 감사합니다~
    • 나는야문과
      2019년 1월 22일! 아무것도 모르는 문과생도 할 수 있다!
    • Jasmine
      아 이런...저도 후원 방법을 고민하다가 듣는 것이 불편한 분들에게 도움이 되면 좋겠다 싶어서 얼마 전에 Youtube 내에서 Web2 - JavaScript 수업의 자막작업을 해놓았었는데요. WEBn 시리즈도 시트 추가해서 작업하면 되려나요?
    • 프리드리히
      코딩에 대해서 아무것도 모르는 저로선 정말 감사한 강의입니다 ㅠㅠ
    • Froggy
      수업의 모든 내용을 다 숙지한 것은 아니지만,
      웹 애플리케이션 과정을 들을 때 하고 싶었던 프로젝트가 있었습니다.
      그래서, html 문법 외에 몇 가지 프로그래밍 언어를 배웠는데, 아직도 갈 길이 머네요.

      제가 하고 싶은 것은 학교, 연구소 등지에서 보고서를 작성할 때 word processor를 사용하는데 현재 나와있는 word processor들은 보고서 작성에 필요한 기능보다 더 많은 것들을 제공합니다.
      간단한 template과 이미지 데이터 배치만 잘 할 수 있으면 나머지는 사실 불필요한 존재들입니다.

      게다가 정부 공식 문서를 작성할 때는 한컴오피스를 사용해야 하는데,
      한 두장짜리 문서야 큰 문제가 없지만
      수 백 페이지가 넘어가는 문서의 경우에는 다양한 에러들이 발생하여 사용자들을 애먹이고 있는 상황이구요.

      국내 기업을 살린다는 차원에서 국가가 한컴오피스를 공식화하긴 했지만,
      사용자들의 불만을 해소하는데는 그다지 큰 노력을 하지 않고 있고
      어찌보면 기술적 한계를 갖고 있는 듯 보입니다.

      개인적으로는 문서 작성에 word processor 사용은 안하는 것이 좋다 생각하고 있습니다.
      html과 같이 좋은 text editor는 없다고 생각하고 있기 때문에 더 그런지도 모르겠습니다.
      이보다 더 좋은 것이 TEX 인데, html과 마찬가지로 script 기반입니다.

      아래의 사이트는 온라인으로 TEX 문서 생성을 해주는 곳인데,
      이 방식을 조금 응용하여 하고 싶은 작업을 하려고 합니다.
      TEX compiler를 어떻게 연동했는지 궁금합니다.

      https://latexbase.com......04a
    • kimkimmim
      자막잇어서 정말좋아요
    • kimokimo
      정말 이 자료들 감사하게 생각하면서 공부하고 있습니다. 정말 감사합니다.
    • shakcha
      정말 최고의 강의입니다.
    • springstar
      이수업을 들은지 거의 2년이 다 되어 가네요
      HTML CSS JAVJASCRIPT NODEJS 까지 그전에 PHP 까지 어쨋거나 정리하자면 여기 자바 파이선 제외하고 다 들은거 같습니다.
      물론 이거왜에 유튜브 동영상 및 인터넷 검색, 책 등으로 공부했습니다.
      지금 시점에서는 참 혼란 스럽다고 해야 될까요 비전공자인 제가 2년의 시간을 투입하니까 프로그래밍이 조금 되려 합니다. 물론 아직 멀었지만 앞으로 1년 정도만 투자 한다면 고급은 아니지만 초급이라도 프로그래머가 될수 있을거 같은 자심감 및 불안감이 드네요 포기한다면 2년 동안 노력한 것이 아득한 기억과 추억으로 떠나버리겠지만 저는 포기하지 않고 1년만 더 투자하려 합니다. 저에게 용기와 희망을 주시면 감사합니다. 더욱이 이런 강의를 만들어 주신 egoing 님께 감사드립니다. 뜨거운 박수를 보내드립니다. !!^^
    graphittie 자세히 보기