생활코딩

Coding Everybody

코스 전체목록

닫기

웹 애플리케이션 만들기

| 공개

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

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

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

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

자 그럼 화이팅

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

Youtube 한국어 자막 공헌자

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

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

댓글

댓글 본문
작성자
비밀번호
  1. 반달곰
    감사합니다.
  2. 스누퓌
    감사합니다.
  3. 캘리
    디자인 공부하다 코딩의 필요성을 느끼고 프론트 앤드 공부 시작하면서 여러 웹사이트도 codeaademy, codeschool , 단기 코딩스쿨도 다녀보았는데 이렇게 체계적으로 , 순차적으로 자세하게 또한 큰 그림을 그릴 수 있게 설명되어있는 강좌는 찾기 힘들었습니다. 너무 감사드립니다 .^^
  4. 수업자
    와 좋은 곳 찾았네요, 미리 감사드리고.. 캬.. 강의해주시는 선생님 보이스 멋지시네.. 암튼 열심히 해보겠습니다..
  5. 포트포워딩고자
    선배 고수님들, 질문 좀 여쭙겠습니다. 여기에 이미지 첨부가 되지 않아 글로 적고자 하는데
    읽기에 불편하실 것을 알기에 마음이 편치 않습니다. 다름이 아니오라, 포트 포워딩하는 것을 실패했습니다.
    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. '데이터'를 켠 상태에서 접속하면(즉, 다른 망으로 접속하면), 페이지를 아예 띄울 수 없었습니다.

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

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

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

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

        실력은 ...초봉..ㅜㅜ
        대화보기
        • 김지명
          Java 언어 배우려다가 이 수업 먼저 듣네용 ㅎㅎ
          넘 좋아용 감사합니다^^
        • egoing
          화이팅입니다!
          대화보기
          • 김흐물
            저도 블로거님과 같은 사람이 되고 싶습니다. 멋져요!
          • ddddd
          • 은아월
            안녕하세요 ! 개인 블로그를 운영해 볼까해서 오늘부터 수업 듣게 되었습니다 :) 좋은 수업 매번 감사합니다 !
          • salyut
            저는 조선소 현장에서 배가 법규에 따라 잘만들어 지는 지 확인하고 검사하는 일을 하고 있습니다. 필드에서 일하고 있는 기술직이죠. 어느 날 문득, 그런 생각이 들더군요. 이런 방대한 기술 정보, 내 평생 하더라도 모든 걸 다 알 수 있을까? 대답은 노!입니다. 세상의 모든 일들은 어느 덧 IT 라는 기술에 도움이 필요한 상태가 되어가고 있습니다. 이미 많은 분야가 그렇게 되어가고 있지요. 그러나 아직도 무궁무진한 분야들이 그 기술의 도움을 기다리고 있다는 생각이 들더군요. 제가 일하고 있는 공업 분야도 마찬가지 입니다. 그렇다면 그 프로그래밍이 과연 무엇인지 알고 싶어 시작합니다. 또 모르죠. 제가 하고 있는 일에서 찾게되는 그 불편함들의 해결책이 여기 있는지도요.
          • Cielon
            2017/01/22
            올해에 고등학교 2학년이 됩니다. 3학년때는 수능에 집중해야하는만큼 고2때의 시간을 활용해 진로목표달성을 위해 많이 공부해 놓고 싶습니다. 소중한 강의 감사합니다. 열심히 할게요.
          • 최두헌
            2017년 1월 22일, 주전공 업무를 하고 싶지 않아 새로운 공부를 시작합니다.
            제가 딱 그 단계인 것 같아요. 무엇을 모르는지를 모르는 상태
            무엇을 모르는지를 아는 상태가 되기 위해 시작합니다.
            좋은 강의 감사합니다.
          • 도엘
            안녕하세요! 컴퓨터공학부에 진학할 예비 대학생입니다. 프로그래밍에 대해 아무것도 모르는 저에게 정말 필요한 강의인 것 같아 오늘부터 시작하려고 합니다. 좋은 강의 감사합니다. 적어도 무엇을 모르는지 아는 상태!가 되기 위해ㅎㅎ 열심히 하겠습니다:)
          • wonnhh
            감사합니다!
          • 포트크린
            열심히 하겠습니다. 시작:)
          • Acadra
            시작합니다. 자바스크립트를 뛴다음 C언어를 좀 배우고 싶네요. 너무 큰 꿈같아서 걱정되고요. 어째거나 끝까지 열심히 해보겠습니다!
          • 정수미
            시작시작 ^^
          • 규식최
            시작!

            20170117 18:40
          • 최원서
            감사합니니다.. 끝까지 열심히 하겠습니다!
          • 생활코딩
            혹시 카톡방파서 같이 스터디하실분 계신가요? 모르는 것도 물어보고 서로 도움이 될 수 있었으면 좋겠습니다.
            계획은 각자 알아서 세우고 스스로 공부하는 스터디에요. 필요하다면 오프라인에서 만나서 의견을 교환해도 좋구요. 지역은 서울입니다. 생각있으신 분은 이름, 나이, 연락처, 현재수준, 목적 적어서 연락주세요^^ opentutorial1004@gmail.com
          • 김봉조
            감사합니다. 큰일하셨네요~ 축하드려요 ^^
          • 황미진
            감사합니다.^^
          • 김인
            감사합니다.
          • Alex Byun
            열심히 하겠습니다:)
          • 하루에 한 강의 라도 열심히 20170114 완료.
          • 지나가던 직딩
            이런 강의 알게 되서 좋네요. 의도가 좋습니다. 무엇을 모르는지 아는 상태가 되는 것!!! 출발!!
          • Hong Sun Park
            정말 좋은 사이트! 오늘부터 시작합니다
          • 개인사정으로 잠시 프로그램을 놓았다가 다시 복귀 했습니다.
            개발자는 아니지만 프로그램에 대한 흥미는 버릴수가 없어 열심히 해보렵니다.
            화이팅!!
          • 화이팅 입니다!!
          • 아자 아자 !
          • 버미
            지나가다 이해가 안가서 제의견을 적습니다.
            취업준비를 하는데 왜 웹 공부를 하시나요. 취업해서 웹개발한다는 보장도 없는데;;; 웹개발만 하는 회사만 가고싶은것도 아니실것같은데요.
            그리고 4학년떄부터 이미 취준생이죠. 졸업하고 취준생이 아니구요.
            취업을 한지 몇년지나서 바뀐지 모르겠으나 취업준비는
            영어 > 학점 > 전공지식이 아닐까 합니다.
            우선 영어는 요즘 스피킹 점수가 필수죠. 오픽이나 토익스피킹인데 오픽을 많이 하죠
            학점은 이미 졸업여건을 충족하셨다면 할수 없는데 요즘 취업이 안됐다면 일부러 졸업학점을 1학점같은거 채우지 않고 졸업 유예를 하였다가 취업을 하지요. 왜냐면 졸업을 한후로 시간이 지날수록 기업에서 기피하기 때문이죠. 이건 확실합니다.
            만약 유예하셨다면 전공 재수강을 추천합니다. 전공학점이 중요하죠
            그 다음 면접이나 PT에서 물어볼수 있는 전공지식은 웹개발보단 알고리즘 자료구조 운영체제죠

            결국 본론으로 돌아와서 제 생각에는 이런것들이 다 갖춰지신분이라면 졸업작품에 대한 질문의 답변을 위해 웹공부를 하시는게 좋겠습니다만 아니시라면 우선순위대로 준비하시기 바랍니다.
            대화보기
            • 노노재노재노창
              시이자악~
            • 강서구구서강
              맘 굳게먹고 재수하듯이, 시작할게요 참고로 강서구 사는데 같이 스터디 하실분 계신가요??
              kjh24351@hanmail.net으로 연락주세요 ~ 생활코딩이라고 제목에 써주시면 feedback 드려요 ㅎㅎ
            • 코덕이 될 자
              지금은 잠자고 오늘아침부터!!
            • 코덕이되자
              시작하겠습니다!!
            • 울랄라부라더스
              새로운 마음으로 듣습니다. 좋은 강의 감사합니다.
            • 성캐
              자막이 있어서 너무 좋습니다!!
            • 황정환
              2017년 1 월 2일 오후 10시 52분 시작!!!!!!!
            • macbookrgh55
              저도 시작합니다 새해목표는 코딩!!
            • 출발.
            graphittie 자세히 보기