생활코딩

Coding Everybody

코스 전체목록

닫기

웹 애플리케이션 만들기

| 공개

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

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

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

실습편은 한번에 완주하는 것이 좋습니다. 강의 하나 하나가 대단히 방대하고 복잡한 맥락을 감추고 있기 때문에 공백이 생겨버리면 풀려버린 실타래처럼 엉망이 되버릴 수 있거든요. 토요일 아침부터 시작해서 가급적이면 그날 완주하시고, 아니면 일요일까지는 끝내는 것이 좋습니다. 혼자하기 어렵다면 친구나 동료들과 함께하는 것도 좋을 것입니다. 생활코딩 페이스북 그룹을 통해서 함께 할 사람을 찾아보는 것도 좋은 생각입니다. 또 생활코딩의 공동공부 기능을 이용하면 지속적인 학습에 도움이 될 것입니다.

자 그럼 화이팅

본 수업은 한국어 자막이 제공되고 있습니다. 
영상 편집에 오류가 있을 수 있습니다. 문제점이 있는 부분에 대해서 시간을 알려주시면 확인 후에 처리하겠습니다.도와주세요~
수업에 댓글을 다시면 저에게 이메일이 옵니다. 수강하시고 댓글을 통해서 완주를 기록하시는 것도 좋지만, 공동공부를 이용하시면 제가 메일을 좀 더 효율적으로 사용하는데 도움이 됩니다. 댓글은 정보공유, 질문, 수업에 대한 감상과 같은 용도로 사용하시면 더 좋을 것 같아요. ^^ 

Youtube 한국어 자막 공헌자

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

  • 박준호
  • 청음회관(임성현)
  • Seongsoo Yoon
  • MulManDu(이채윤)
  • 최광훈
  • 최준영
  • 홍민기
  • 주재학
  • 신민승

댓글

댓글 본문
작성자
비밀번호
  1. 윤정우
    egoing님의 헌신, 너무 감사합니다! 시~작!
  2. 방구맨
    감사합니다.
    강의 잘들었습니다 ^^
  3. getem
    구미에 살고 있는데 오프라인으로 배울수있는곳이 없어서
    겨우겨우 검색해서 알게 됐어요!
    처음 배워보는거라 조금 힘들지만
    열심히 해보려구요!!
    감사합니다 ;)
  4. Jonny
    안녕하세요 ^^ 어... 저는 클라이언트 - 겁나빠른 웹레시피의 Parallax, 댓글서비스 정도를 듣고 초안을 짰어요!
    대화보기
    • 혹시 이 웹어플리케이션만들기 페이지 뿐 아니라 생코에서 추가적으로 공부한것은 뭐가있으신가요? ㅎㅎ 저도 따라해보고싶어서요!
      대화보기
      • sjee
        정말 감사합니다!
        끝까지 갈수 있도록 노력해보겠습니다!
        너무너무감사히 보겠습니다!
      • Jonny
        네!! 저야 감사하죠~~ 이게다 이고잉님 덕분입니다. 정말 감사드립니다 :)
        대화보기
        • egoing
          와 대단합니다~ 축하드려요. 다른분들에게 소개해도 될까요?
          대화보기
          • Eliott
            여러 댓글들을 통해 큰 자극을 받고 제대로 다시 시작해봅니다..
            170320
          • Jonny
            생활코딩을 올해 처음 접하고 정말 재밌게 공부하고 있습니다.
            웹 애플리케이션 만들기도 2~3회 반복한 상태고요:)
            그 결과 개인 홈페이지가 거의 완성되어 갑니다!

            http://jonnycho.com

            웹 개발자로 전향하기 위해서 저를 소개하는 공간과 포트폴리오가 있구요!
            생활코딩에서 배웠던 것을 제 나름대로 동영상으로 만들어서 '생활코딩 따라하기'라는 이름으로 정리하고 있습니다.
            공개적으로 올릴까 말까 고민하다가 생활코딩에 너무 감사하기도 하고
            이제 시작하시는 분들께 도움이 되지 않을까 싶은 마음에 올립니다!

            여러분도 몇 달 후면 이런 사이트를 만드실 수 있다는 걸 알려드리고 싶었어요! 모두 화이팅하세요!!
          • bluemonster
            지금부터 시작합니다! 좋은 강의 감사하고 마지막 강의에서 다시 만나요
          • 갱생스
            우오 설레네요ㅋㅋ
          • sw0675
            시작합니다.
            글을 읽다가 "설령 중도에 포기하더라도 그것은 필자의 부족함 때문이지 여러분 때문이 아닙니다. " 이 문장에 심쿵하네요....
          • DORI
            시작합니다 국오라방
            파이팅!
          • moonflycn
            시작합니다!!
            제발 부디 간절히 바라건데 이번만큼은 끈질기게 끝까지 가보길.. ㅠㅠ 제발!!!!!!!
          • penguin98
            시작합니다.
            시작합니다.
          • 조성민
            미리 감사 드립니다!
          • ZORO
            시작
          • BEGINNER
            시작!!!
          • 린회
            시작합니다!
          • Seongmu Heo
            시작합니다!!
          • Dongwon Lee
            시작합니다!!
          • 나마에
            ㅍㅇㅌ
          • 따뜻한밥통
            오늘부터 시작해보려고합니다.
          • ㅂㅂㅂ1ㅔㅔㅔ
            예아
            대화보기
            • 꼬꼬멧
              정보보안과화이팅
            • 아테네
              감사합니다^^
              오늘부터 틈틈히 시작해보려고 합니다다.
              거듭감사드립니다.
            • 오톨
              고맙습니다.
            • 서태석
              반갑습니다.
              그리고 감사합니다.
            • 권재용
              안녕하세요. C언어를 접해보고자 오게되었습니다. 감사합니다.
            • 안녕하세요, 모바일웹을 만드려고 검색하다 오게되었습니다^^ 유용한정보 감사합니다~
            • TheBestVersionOfme
              반갑습니다
            • 유헤경
              반갑고 넘 감사해요 수업중 .
              `
            • Ben Lee
              170223
            • 반달곰
              감사합니다.
            • 스누퓌
              감사합니다.
            • 캘리
              디자인 공부하다 코딩의 필요성을 느끼고 프론트 앤드 공부 시작하면서 여러 웹사이트도 codeaademy, codeschool , 단기 코딩스쿨도 다녀보았는데 이렇게 체계적으로 , 순차적으로 자세하게 또한 큰 그림을 그릴 수 있게 설명되어있는 강좌는 찾기 힘들었습니다. 너무 감사드립니다 .^^
            • 수업자
              와 좋은 곳 찾았네요, 미리 감사드리고.. 캬.. 강의해주시는 선생님 보이스 멋지시네.. 암튼 열심히 해보겠습니다..
            • 포트포워딩고자
              선배 고수님들, 질문 좀 여쭙겠습니다. 여기에 이미지 첨부가 되지 않아 글로 적고자 하는데
              읽기에 불편하실 것을 알기에 마음이 편치 않습니다. 다름이 아니오라, 포트 포워딩하는 것을 실패했습니다.
              U+의 GAPM-7100 공유기를 사용 중이며, DMZ나 Super DMZ(Twin IP)가 아닌 기본 포트 포워딩 설정을 하였으며,
              제가 웹 서버로 사용하고자 하는 장치(Bitnami가 설치된 컴퓨터)의 내부적인 사설 IP는 192.168.219.100입니다.

              포트 포워딩 설정 페이지에는 다음과 같은 공란이 있습니다.
              서비스 포트 :
              프로토콜 :
              내부 IP 주소 :
              내부 포트 :

              상기한 공란에 저는 다음과 같이 기재하였습니다.
              서비스 포트 : 80-80 (칸이 2개입니다.)
              프로토콜 : TCP/IP
              내부 IP 주소 : 192.168.219.100
              내부 포트 : 80

              저의 외부적인 공인 IP는 https://www.whatismyip.com/에서 확인한 바 122.45.120.201로 잡힙니다.

              이제, 저 IP 주소를 웹 서버가 설치된 컴퓨터와 스마트 폰으로
              1. '와이파이'를 켠 상태에서 접속하면, U+ 공유기 설정 페이지로 연결됩니다.
              2. '데이터'를 켠 상태에서 접속하면(즉, 다른 망으로 접속하면), 페이지를 아예 띄울 수 없었습니다.

              방화벽 인바운드 설정까지 해보았으나 처참하게 실패했습니다.
              혹시 이 부분에 대해 알고 계신 고수 선배님들이 계신다면 바쁘시겠지만
              부디 저에게 고견을 나눠주셨으면 합니다.
            • 포트포워딩고자
              알려주셔서 감사합니다!
              대화보기
              • 글로리아
                기대가 많이 됩니다. 제 자신에게도요 ...

                감사합니다 ^^
              • 도움!
                #포트포워딩고자

                문제사항을 말씀해주시면 이고잉님 뿐만아니라 다른 모든분들도 도움을 드릴 수 있지 않을까요?
                대화보기
                • 포트포워딩고자
                  이고잉님, 안녕하세요. 생활코딩 강의를 정말 유익하고 감사하게 시청하고 있는 사람입니다.
                  다름이 아니라, 제가 포트포워딩 설정을 했는데 제대로 동작하지 않아서 U+ 기사님까지 수차례 불렀지만
                  전혀 개선이 되지 않아 이렇게 댓글을 남깁니다.
                  혹시 포트포워딩이 정상적으로 작동할 수 있도록 도움을 주실 수 있는지 여쭤보고 싶습니다. ㅠㅡㅜ
                • Kwonhj
                  코딩을 배우고 싶다는 생각만 몇년째 가지고 있었던 디자이너 입니다.
                  코딩을 모르다보니 처음 스타트를 찍기가 너무 어려웠습니다.
                  오리엔테이션 영상에서 '무엇을 모르는지 모르는 상태'에서 재빠르게 벗어날 수 있도록 도와드리는 것입니다.'
                  이 말이 저에게 와닿았습니다.

                  이 수업을 통해 코딩세계의 문을 열어보고 싶네요~^^
                  포기하지 않고 끝까지 열심히 해 보겠습니다~^^
                • 성세영
                  생활코딩 수업을 수강하면서, 웹서버라는 것에 관심을 가지게 되었고 웹서버를 구축해서
                  웹브라우저로 모니터링하는 구상을 하던중 궁금증이 생겼습니다.
                  1. 연속적인 데이터를 수집 -> 데이터베이스 저장 -> 웹브라우저에 업데이트
                  이런 반복적인 루프에서 그래프를 통해 모니터링을 수행한다면, 어디서든 웹브라우저를 통해
                  로딩없이 같은 그래프 현황을 확인할 수 있나요?
                  2. 인터넷 접속이 잠시 off 되었을때, 복구시키는(접속 복구 후 이전데이터 데이터 베이스 저장 및 웹브라우저 반영) 정형화된 로직이 있나요?
                  - 이상 가능하시다면 위 사항에 대해 접근방법 질문 드립니다
                • 제조업 IT부서에 근무하고 있는 직원입니다. 문과출신이라 항상 IT지식에 대한 갈급함이 있었는데, 시원한 생수같은 강의를 만나게 되서 감격스럽습니다.ㅠㅠ 복 받으실 겁니다.
                • 김명순
                  swipe 기능 소스가 필요해요
                  알려 주실 수 있나요?
                • springstar
                  40대도 가능한가요 ?

                  실력은 ...초봉..ㅜㅜ
                  대화보기
                  • 김지명
                    Java 언어 배우려다가 이 수업 먼저 듣네용 ㅎㅎ
                    넘 좋아용 감사합니다^^
                  • egoing
                    화이팅입니다!
                    대화보기
                    graphittie 자세히 보기