생활코딩

Coding Everybody

코스 전체목록

닫기

WEBn

2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 기술지원과 상담을 해드리고, 완주하신 분들께는 수료증도 드립니다.  코딩야학 바로가기

WEBn이란?

웹을 통해서 코딩을 배우는 수업이면서, 코딩으로 웹을 만드는 방법에 대한 수업입니다.

 

 

 

 

 

 

왜 WEBn인가?

WEBn은 아래와 같은 형식으로 구성될 예정입니다.

 

 

아래는 수업들 간의 관계를 시각화해서 보여주고 있는 그래프입니다. 

 

 

 

만약 WEB2 - JavaScript를 공부하고 싶어서 방문해보시면 이 수업이 WEB1 - HTML & Internet 수업에 의존하고 있는 수업이라고 안내를 해드립니다. HTML을 모르신다면 WEB1을 보시고 JavaScript를 보시면 되고, HTML을 이미 알고 있다면 JavaScript부터 공부하시면 됩니다. 이 처럼 각각의 수업은 서로에게 의존하고 있습니다. 그 의존관계에 따라서 WEBn의 n이 달라지기 때문에 이 점에 착안해서 모든 수업을 WEBn이라고 부르고 있습니다.

 

 

 

 

 

 

WEBn의 장점

기존 수업의 문제점

이 수업의 전신인 웹에플리케이션 만들기 수업은 100개의 동영상으로 이루어진 20시간 분량의 수업입니다. 장점이 많은 수업이지만 단점도 있었습니다. 아래 그림에서 왼쪽이 기존 수업 오른쪽이 WEBn입니다.

 

 

 

 

 

 

이런 문제점이 있었습니다.

  • 하나의 덩어리가 크기 때문에 완주하기가 어려웠습니다.
  • 특히 HTML로 웹페이지를 만들고, 그것을 사람들에게 전송할 수 있는 기술인 Internet의 거리가 너무 멀었습니다. 완주하기 전까지는 완결성이 없었습니다.
  • 또 순서가 있기 때문에 PHP를 배우고 싶은 사람도 CSS와 JavaScript를 공부해야 했습니다.
  • PHP의 대체제인 NodeJS를 배우고 싶은 사람도수업에서는 PHP를 배우기 때문에 PHP를 공부해야 했습니다.

이런 문제를 완화하기 위해서 발명된 수업이 WEBn입니다.

 

 

 

 

 

 

 

 

최소한의 공부

WEB1을 공부했다면 WEB2 중에 어떤 것도 공부할 수 있습니다. 기존 수업과 비교했을 때 최단거리로 자신에게 필요한 지식을 중심으로 학습 경로를 잡을 수 있습니다.

 

 

 

 

 

프로젝트! 프로젝트! 프로젝트!

WEBn의 중심 목적은 자신의 프로젝트를 시작할 수 있도록 돕는 것입니다. 프로젝트를 시작하는데 우리를 가로막는 마음의 장벽들을 거둬낼 수 있는 여러 테크닉들을 담기 위해서 노력했습니다. 또 의미있는 작업을 시작하기 위해서 필요한 최소한의 개념만을 가지고 나의 일을 시작할 수 있도록 했습니다.

 

 

 

 

 

 

WEB1 - HTML & Internet

웹을 만든 팀버너스리와 유럽입자물리연구소는 웹에 대한 일체의 저작권을 내려놓았습니다. 그 덕에 웹은 누구도 주인이 아니기 때문에, 모두가 주인입니다. 빨리 가려면 혼자가고, 오래가려면 같이 가라는 말이 있습니다. 웹은 빨리 발전하지 못했지만, 오랫동안 발전했고, 오랫동안 발전할 것입니다.

생활코딩은 WEBn이 웹을 닮은 수업이 되기를 바랬습니다. 그래서 WEB1을 저작권이 없는 수업으로 만들었습니다.

누구나
비용 없이 공부할 수 있고,
허락 없이 수정할 수 있고,
계약 없이 배포할 수 있습니다.

WEB1을 기반으로 다양한 사람들이 공부하고, 또 각자의 개성에 따라서 수업이 만들어지기를 기대하고 있습니다. 이런 일이 일어날 수 있도록 많은 분들이 도움을 주셨습니다. 후원자들을 기억해주세요. (WEB1 모금 페이지 바로가기)

 

 

 

출발합시다.

 

 

 

WEB1부터 시작하기

댓글

댓글 본문
작성자
비밀번호
  1. 개발자1
    WEBn의 수업이 완성 되지않은거 같은데 이것만 들어도 웹을 만들수있나요??
  2. hado273
    시작!
  3. 배곱도둑
    시작 해 봅니다..
    감사합니다^^
  4. 삼고잉
    감사합니다!
    대화보기
    • egoing
      대화보기
      • cybercat17
        삼고잉 ㅋㅋㅋㅋ
        대화보기
        • 삼고잉
          이고잉님 공부하면서 느낀건데 저 그래프를 직접 그리면서 공부하면 머릿속에 정리가 잘될거같다는 생각을 했어요 사용하시는 툴인지 웹서비스인지 알 수 있을까요?
        • 준호
          08/10 시작합니다!
        • 박민수
          이고잉님 안녕하세요, 강의 잘 듣고 있습니다!^^
          혹시 가확정된 업로드 계획이 있다면 알 수 있을까요?
          WEB3 - jQuery 와 WEB2 - JSP 를 언제 찍으실 계획인지 궁금해서요!
          혹시 생각하고 계신 시기가 있다면, 알려주시면 감사하겠습니다~
        • 호롤룰루
          몇개월전 코딩이란걸 처음 알게되고 공부를 하다 생업에 종사하느라 잠시 쉬다 다시 돌아왔습니다!
          이번엔 회원가입도하고 제대로 시작해 보려합니다. 코딩야학4기도 참여할 생각이에요!!
          좋은 강의 만들어 주셔서 감사합니다. 여유가 되면 후원까지 해보려하니 좋은강의 많이 많이 만들어주세요~^^
        • gimpal
          지금 웹 애플리케이션 만들기 수업을 거의 완강한 학생입니다.
          복습할 겸 WEBn 수업도 재밌게 듣겠습니다!
          언제나 좋은 자료와 강의들 정말 감사드립니다 :)
        • HappyGoLucky
          안녕하세요! 유튜브로 Python&Ruby 강의 90회차까지 학습하였는데,
          WEB2 Python 27강 리팩토링부터 수강해도 될까요?

          Ruby는 사용하지않는데, 같이 설명을 듣다보니 조금 헷갈리기도해서
          여쭤봅니다! 감사합니다!
        • Cho ChangYeon
          너무 늦게 생활코딩을 알게 되어서 아쉬울 따름입니다. 항상 좋은 정보들
          감사합니다~
        • ㅇㅇ
          군대 계신 분은 codeanywhere.com으로 접속하셔서 코딩가능합니다.
        • orcakpg
          코딩야학에서 이곳으로 넘어와 첫 수업 듣기를 시작합니다
        • egoing
          codeanywhere 앱으로도 코딩이 가능한 것으로 알고 있습니다
          대화보기
          • sonsonda
            안녕하세요 web n 수업을 간절하게 수망하기를 바라는 현역 군인입니다.
            군인이라는 신분의 제약이 있어 만약 태블릿으로도 코딩을 할 수 있다면 연습시간이나 활용하는 데 있어 훨씬 편해질 것 같은데,
            혹시 태블릿으로 코딩할 수 있는 방법이 있는지, 그리고 가능하다면 추천하시는지 여쭤보고 싶습니다!
          • Dominic Lee
            감사합니다 이고잉님! 정보보안을 전공하면서, 컴퓨터에 대해 배웠음에도 불구하고 홈페이지를 HTML과 CSS로만 만들 수 있었습니다. 이고잉님 강의를 보고 DB를 만들어보고 Node를 사용해보고 많은 경험을 하면서 http://dominic.cafe24app.com 이제는 어느덧 홈페이지 다운 홈페이지를 만들어 볼 수 있었습니다 정말 감사합니다!
          • 헬리사우드
            여기 업데이트 해주세요!
          • migyeong
            정주행하던중에 잠시 쉬었다가 다시 시작하는 마음으로 들어왔는데 이렇게 깔끔하게 강의가 개편이 되어있네요 ^^ 열심히 만들어주신만큼 저도 열심히 수강해보겠습니다. 화이팅!
          • htmlhm
            mysql+php는 mysql에 중심을 잡고 있는 php 심화 강의랍니다~^^
            대화보기
            • 녹가
              질문이 있습니다! 제가 php를 공부하려고 하는데 ,
              언어에 있는 php와 (web2 php + web3 mysql.... ) 의 내용이 같은 건가요?
              즉, web2 php + web3 php,mysql 을 들으면 언어 카테고리에 있는 php와 같은 내용을 학습하는건가요?
              제가 php 프레임워크를 사용해서 서버를 하려고 php 학습을 하려고 하거든요!
            • 성쉥
              양질의 컨텐츠를 이렇게 공유해주셔서 정말정말 감사드립니다.
              저 또한 배워서 나눔을 실천하겠습니다
            • 긴숭이
              좋은 나눔해주셔서 감사합니다
              이제 시작합니다!
            • ssdhdl
              빠른 답변 감사합니다. :)
            • egoing
              올해 안에는 하고 싶네요 ^^
              결재는 아이엠포트라는 것을 검색해보시면 도움이 될 것 같아요
              대화보기
              • ssdhdl
                안녕하세요^^ 33년 평생 댓글을 위해 가입한건 처음이네요..물론 질문도 있지만...ㅋㅋ
                우선, 너무너무 귀한것들을 나눠주셔서 감사하고 열심히 해오다가 개인적인 사정으로 1년만에 다시 강의를 들으려고 왔는데
                더욱 향상되고 정리되어진 모습에 감탄을 금할길이...ㅋㅋ
                다름이 아니라, 제가 이 강의를 배우는 가장 큰 목표는 작은 규모의 온라인 쇼핑몰을 개발 및 운영관리 하기 위함입니다. (쉽지 않겠지만..ㅜ)
                그래서 말인데 저 위에 계획하신 WEB2 리스트 중에 광고나 결제 부분은 혹시 언제쯤 볼 수 있을지 대략적인 시기라도 알 수 있을까...
                여쭤보고 싶었고 혹시 긴 시간이 소요된다면 저 아래 질문한 PETER님께 답변 주신것처럼 egoing님 강의가 올라오기 전까지라도 보며 공부할 수 있는
                사이트나 컨텐츠를 추천해 주실 수 있나해서 댓글을 남깁니다.
                항상 감사하며 주변인들에게 추천하며 열심히 듣고 있습니다. 제작과정에 여러가지 어려움들이 있으셨겠지만 좋은 강의들 다시 한번 감사드려요 :)

                화이팅입니다!! 모두..!!
              • Shinhee Lee
                몇일 전 자극이 되는 한 분의 말 한 마디를 시작으로, 다시 돌아왔습니다. 화이팅입니다!
              • justicehand
                이강의인정 이걸로공부해서 창업해봐야지
              • wusgood
                정말 아무것도 모르는 사람입니다.
                오늘 시작일입니다
                소중한 가치에 대해 알고계신 분들 덕에 시작할 용기가 생겼습니다.
                마지막에도 이 모든 것을 감사히 마쳤더라고 댓글을 남길 수 있으면 좋겠습니다.

                감사합니다..
              • protoproto
                web_n ... !! 본질을 살리면서도 정말 혁신적인 아이디어네요! 깃 강의방금 보고 왔습니다.
                통찰력있는 강의보면서 감동을 받기는 정말 처음인거 같습니다.
                비전공자라 프로그래밍 배우는데 많은 어려움이 있었는데 정말 많은 도움 받고있습니다.
                좋은 강의만들어 주셔서 정말 감사드립니다.
              • egoing
                그건 옛날 책이라서 그냥 온라인으로 공부하셔요 :)
                대화보기
                • 책은 "생활코딩! 쉽게 따라 하는 웹서비스 만들기" 를 구입해서 강의를 들어도 되나요?
                • 시깅
                  공부 합니다..
                • 이런 곳이 있다니. 응원합니다!
                • 입사하고 시작해봅니다
                  db를 배우고 있지만 웹공부를 너무 하고 싶어서요
                  열심히 해보겠습니다..!
                • 많은 도움이 되고 있습니다!! 감사합니다!
                • egoing
                  링크가 없는 것들은 예정이랍니다 :)
                  webn에서 아직 만들어지지 않은 수업들은 다른 탭에 있는 수업을 들으시면 됩니다.

                  react는 아래 사이트의 컨텐츠가 아주 일품입니다~
                  https://velopert.com/775
                  대화보기
                  • 안녕하세요, 좋은 강의 잘 듣고 있습니다:)
                    질문 좀 드리려고 합니다.

                    링크가 안걸려있는 부분들은 아직 업데이트 예정인건가요?
                    React, jQuery, Node.js 를 들을려고 하는데 다른 기존에 만들어진 탭에 들어가서 들어야하는 건가요?
                    또 다른 링크가 안걸려있는 탭 들은 다른 탭에서 들어야하는지 질문드립니다...
                  • 또각타자코더
                    코딩과 1도 관계 없는 40을 바라보는 직장인 입니다. 기계식 키보드 콜렉션에 빠져서 코딩을 해 볼까 했습니다. 대학교때 어렴풋이 HTML을 교양 강좌로 들은 기억도 나고, 아무튼 컴퓨터는 고등학교 때 부터 늘상 같이 있는 도구 였습니다.

                    너무나 좋은 곳을 알게 되어 미리 감사의 말씀을 전합니다. 많이 배우고 갈게요.. 감사합니다.
                  • egoing
                    한번 인트로만 살펴보세요~
                    대화보기
                    • node.js
                      우리가 갈 저 시각화 된 그래프에 Home server 는 무엇인가요?
                      곧 또다른 강좌를 올리나요?
                    • egoing
                      수정했습니다. ㅎㅎ
                      대화보기
                      • 레오
                        WEB2 - 결재 요거 혹시 "결제" 오타인지요? ㅎㅎ
                      • egoing
                        WEBn이 최신입니다!
                        대화보기
                        • 초일
                          웹 어플리케이션 만들기와 WEBn 둘중에 어떤걸 들어야할까요?
                          초보입니다. 둘다 내용이 똑같은건가요?
                        • egoing
                          추가했습니다~
                          대화보기
                          • liganega
                            WEB2-Python 링크가 없네요.
                          • egoing
                            수정 했습니다 :)
                            대화보기
                            • EunSu Youn
                              왜 웹n인가 주제로 적혀있는 목차에
                              WEB2 - Nodejs 하위 카테고리
                              Nodejs& MongoDB가 WEB2 로 되어있는데 분류가 맞게 되어있는건가요
                            graphittie 자세히 보기