생활코딩

Coding Everybody

코스 전체목록

닫기

JavaScript (nodejs)

| 공개

수업의 목적

JavaScript와 Nodejs를 이용해서 웹에플리케이션을 만드는 방법을 알려드립니다. 

수업의 효과

웹브라우저에서 동작하는 자바스크립트를 이용해서 PHP나 JSP의 역할을 대체할 수 있습니다. 하나의 언어로 웹에플리케이션 전체를 구현할 수 있게 됩니다. 

선수학습

본 수업에서는 자바스크립트의 기초적인 문법은 설명하지 않습니다. 자바스크립트의 기초수업은 아래 제가 만든 수업을 참고하시면 도움이 될 것 같습니다. 전부 보실 필요는 없고 자바스크립트 기초와 함수지향 파트까지라도 보고 오시면 도움이 많이 되실꺼예요. 

https://opentutorials.org/module/532

웹에 대한 전체적인 이해를 선행하시면 더욱 좋습니다. 아래 수업은 웹에플리케이션을 구성하는 구체적인 기술들과 전체적인 흐름을 다루고 있습니다. 이 수업을 먼저 볼 것을 추천드립니다. 이 수업은 서버 쪽 기술로 PHP를 다룹니다만 PHP는 태생이 웹을 위한 언어이기 때문에 배우기 쉽다는 장점이 있습니다. PHP를 통해서 서버 쪽 언어에 대한 개념을 파악하신 후에 PHP를 JavaScript로 대체하는 수업인 본 수업을 보시는 것도 좋은 접근입니다. 

https://opentutorials.org/module/1514

소스코드

소스코드는 아래 github에 있습니다. 

server side javascript github 소스 코드 

Youtube 재생목록

youtube의 재생목록을 통해서 공부하실 수 있습니다. 

댓글

댓글 본문
작성자
비밀번호
  1. 안녕당근
    api를 만들어보고싶습니다 !! 강좌 정주행합니다 !!
  2. springstar
    이 도 기웃 저도 기웃 에라 나도 기웃~!
  3. 피자
    ㅋㅋㅋㅋㅋㅋ 기웃 기웃 기웃ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 저도 js 공부하다가 기웃해봤씁니다
    대화보기
    • Daewoo Lee
      java 개발자인데, 이렇게 매력적인 언어가 있는지 이제 알았네요.
      swift 기웃, kotlin 기웃, php 기웃 하다 node.js 매력에 푹 빠졌습니다.
      정말 감사합니다.
    • SangHyup
      좋은강의 감사합니다 !
    • Daun Jeong
      PHP 개발자였는데 이틀만에 완강하고 Node.js 개발자가 되기로 마음먹었습니다!

      너무너무 쉽게 설명 잘해주시고 목소리도 좋으시네요.

      정말 감사드립니다!!
    • 김정훈
      너무나도 좋은 강의 올려주셔서 감사합니다!!
    • webster
      돌고돌아 결국 node.js로 오게되었습니다. 하하
      node.js도 잘 듣겠습니다. 감사합니다.
    • webster
      node 어떻게 공부해야하나 정말 막막했는데 이렇게 강좌를 준비해 두셨군요. 감사합니다. 잘보겟습니다.
    • 안드로이드 앱 에서 로그인 시도했을 때

      new LocalStrategy~~ 부분까지 성공해서 done(null, user); 까지 성공합니다.

      그리고 serializeUser 이 호출된 후에 deserializeUser이 호출되지않습니다.

      mysql sessions 테이블을 살펴보니 웹에서 접속할 땐 한번의 session_id가 생성되지만

      안드로이드에서 접속했을 시 그때마다 계속 세션을 생성하고있고 deserializeUser이 호출되지 않습니다.

      어떤 이유일까요... ?
    • Daknichu
      더이상은 미루면 안되겠네요 시작합니다! 화이팅!!
    • 러브큐핏
      웹폼에서는 안정된 스프레드 시트툴로는 어느 것으로 많이 개발되나요?
    • Seo Yun Seok Tudoistube
      드디어 node.js 를 시작합니다. 3년전에 학원친구가 이제는 node.js 해야해라고 했지만, 실감이 나지 않았고
      웹개발을 하면서 프론트엔드를 구성하는데 자바스크립트를 해야겠다는 필요성을 느끼고, 작년여름부터
      7개월간 React.js 를 공부했는데 자바스크립트 기초도 없었고, Router, Redux, Flux 등 갈수록 어려워서
      1년에 한번 치는 시험에 떨어진거 마냥 좌절감을 맛봤습니다.
      이고잉님의 강의로 꼭 제 손으로 프론트에서 백엔드까지 node.js 로 구현할 수 있기를 간절히 바래보면서
      이제 시작합니다. 감사합니다^_____^!!!
    • 고마워요
      체계적인 수업 정말 감사합니다. 웹을 만들고 싶었는데 어떻게시작해야할지 감도 안왔습니다. 생활코딩을 접하고 나서야 공부해야 할 길이 보입니다. 정말 감사합니다.
    • 신발빗는노인
      파이썬 장고로 클라우드 서비스를 구축중입니다! 최신 버전의 장고로 채팅을 만들려면 장고채널스를 이용해야 하는데,, 호환성도 그렇고 상당히 문제가 많더라구요.. 그래서 채팅을 가장 간편하게 만들수 있는 nodeJS와 socket.io를 사용하고자 이 수업 듣습니다. 항상 좋은 수업자료들 감사드립니다!! 꼭 완성하여 수익이 생기면 오픈튜토리얼스에 후원하고싶습니다 ㅎㅎ
    • sohnryang
      계속 미뤄왔던 node.js를 시작하네요. egoing님 감사합니다.
    • 신입1
      드디어 노드 시작합니다. 항상 감사합니다.
    • 여행
      이고잉님! 혹시 Angular 강의는 만드실 생각이 없으신가요? 고려 부탁드립니다!
    • FOBO
      여기다 질문해도 되나요?
      지금 nodejs랑 express만 사용해서 웹서버 만들고 있습니다.
      그런데 웹페이지들이 <head>~</head> <header>~</header> 처럼 공통된 부분들이 많더라구요. <section>~<section> 부분만 많이 달라서 공통된 부분들을 따로 파일로 만들었습니다. 예를 들면 head.html (<head>~</head> 내용 다 포함되있습니다.), header.html 등등으로 따로 나눴습니다.
      그리고 서버에 접속하면 그 나눴던 파일들을 filesystem을 이용해 읽어서 보내는 방식으로 구현했습니다. 그리고 다른 하위 url로 접속하면 router로 이용하도록 모듈을 나눴구요. 나눈 모듈에 변수를 보내는데
      첫번째는 fs를 보내서 그 모듈이 파일들을 다 읽어서 보내는 방법입니다. 그런데 이미 읽었던 파일들을 또 읽어서 보내다 보니 변수가 2개가 만들어지지 않나 싶네요.
      두번째는 읽었던 파일들 내용을 가진 변수들을 넘기는 방법인데, 변수들이 많아서 좀 그렇네요.
      어떤식으로 해야할까요?
      app.js에 html 내용을 다 써둘수도 없고... 패키지를 따로 쓰지 않으려고 합니다.
    • 동찜
      2017.01.11 start!!!
    • 압축
      안녕하세요 꾸준한 도움을 받아 이쪽일을 시작한 사람입니다.
      일단 감사하다는 말로 시작하겠습니다.
      다름이 아니라 한가지 더 도움을 받고싶기도 하고 꼭 듣고싶은 수업이 있는데
      node compeesion 대해서 하는 방법까지를 알고 싶은데 답변을 받을수 있을까요..?
    • 텅 빈 충만
      딱 지금부터 일년 전에 웹 어플리케이션 만들기를 공부했던 나 자신이 생각나네요. 이번에도 열심히 해 나갈 계획입니다.
      화이팅! 2016. 8. 22.
    • circlestar
      안드로이드 어플 만들려면 java공부하고 무슨 공부해야되나요??
    • JustStudy
      2016.07.04 월
      고맙습니다.
    • egoing
      화이팅하세요!
      대화보기
      • 꿈틀
        오 새로운수업^^! 감사합니다!!
      • arachi
        드디어 시작합니다~~
      • WayneKing
        예전에 번역서로 node js 공부했었는 데, 그때 따라만 했지 이해를 하나도 못햇었는데요. 그게 소켓 프로그래밍도 모르고 리눅스로 모르고 그래서였던 거 같은 데요. 지금도 잘 모르고요 ㅋㅋㅋ
        소캣 프로그래밍 공부한 다음 보면 이해하는 데 도움 될까요?
      • 멍뭉이jsi
        이번에도 큰 배움 얻을 수 있도록 노력하겠습니다.
        정말 감사합니다.
      • 언제나 큰도움받고있어요 감사합니다
      • Yusulism
        감사합니다! 꼭 봐야겠어요 :)
      graphittie 자세히 보기