생활코딩

Coding Everybody

코스 전체목록

닫기

Express-간단한 웹에플리케이션 만들기

여기서는 간단한 웹앱을 만드는 방법을 알아봅니다. 

댓글

댓글 본문
  1. 21.7.21 done
  2. 도전자
    완료!
  3. 굼벵이
    완료
  4. jojo
    완료
  5. 이수하
    완료!
  6. 정민석
    181126
  7. 신유
    3000port를 사용할때는 오류가 뜨고 다른8000으로 바꾸니까 실행이되요 ㅜ
  8. 0808 fin
  9. 이승우
    20180803 강의 잘 봤습니다^^
  10. 브레인토스트
    127.0.0.1 = localhost와 동일한 의미입니다.
    만약에 이것도 안되신다고하면
    cmd 혹은 터미널을 여시고 ifconfig 혹은 ipconfig를 치신다음에
    현재 아이피가 몇번인지 확인하시고 해당 아이피로 설정해주셔도 상관없습니다.
    대신 아이피를 별도로 설정하시면 브라우저에서도 동일한 ip로 들어가셔야합니다.
    대화보기
    • 김혜경
      6.05
    • antil
      우왕.. 이렇게 간편하게 구현이 되다니요 하하 감사합니다 재미있어요
    • 지상몬
      2018/04/18 수강완료했습니다 =)
    • 하앍하앍
      하앍하앍 너무 재밌다 ㅜㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
    • 웹프로
      윈도우 cmd 로 실행중인데 js 파일로 들어가려고하니 'app.js'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
      배치 파일이 아닙니다 라는데 제가 무엇을 잘못한 거죠 ?
    • 찹쌀도나쓰
      고맙습니다.
    • 다락방코딩
      좋은 동영상 감사합니다.
    • 개발자가 되고싶은 고등학생
      너무너무 좋은 강의 감사합니다. ㅠㅠㅠㅠㅠ
    • 박인호
      1-9
      수강완료.
      express 의 listen 메소드를 활용하면 어느 포트에 리스닝할지 설정할 수 있고,
      get메소드는 라우터의 역할을 수행한다.
      사용자가 url을 통해 입력한 정보를 라우터가 받아서 길을 찾아주고,
      컨트롤러를 통해 원하는 동작을 수행하도록 한다.
    • 감사합니다.
    • 090922
      12.21 완
    • Byungsoo Kim
      감사합니다.
    • nodemon 개꿀!
    • 어느
      특수한 상황이라서 localhost가 막혀있습니다
      그래서 express를 사용할 수가 없는데
      다른 방법이 없을까요?
      codeanywhere 사용중입니다
    • 내이름은이한샘
      감사합니다.!!!!
    • 오빠는다르다
      감사합니다~~!!!!! 너무 쉽게 가르쳐 주세요...ㅠㅠ
    • Harryki007
      / 루트라는 뜻인데 웹사이트의 뿌리가지 처럼 제일 기초 혹은 첫시작점 이라고 생각하시면 될거같아요
      대화보기
      • 답글
        http://www.google.co.kr/ <- 구글 홈 URL
        http://www.google.co.kr/#q=ceng <- ceng 검색 시 ceng에 대한 결과값을 보여주는 URL
        http://www.naver.com/ <- Naver 홈 URL

        어떤 사이트들의 첫화면이라고 생각하시면 됩니다.
        대화보기
        • ceng
          좋은강의 정말 감사합니다!~~
          8분40초 쯤에
          app.get('/',function());
          이부분에서 '/'이 홈으로 접속하는 거라고 하셨는데
          홈으로 접속하는게 어떤걸 뜻하는지 아시는분 계시면 답변해주시면 감사하겠습니다.
        • Seo Yun Seok Tudoistube
          이번 강의에 나오는 예제소스는 기본중의 기본이라서 복사하지 않아도 눈감고도 작성할 수 있어야 한다는 말씀이시네요.
          외우는거 정말 못하는데...ㅠㅠ
          리액트 공부할때는 엄청 어렵게 처리하는거 같은데 익스프레스로도 라우터를 쉽게 처리하는거 같은데, 전 리액트 공부를
          하다가 포기해서 그런지 아직도 리액트의 묘미를 못느끼고 있는데, 이번 강의를 따라가다보면 왜 사람들이 리액트를
          공부하려고 하는지 이해할 수 있으면 좋겠어요. 감사합니다^_____^!!!
        • Won Yong Song
          강의 너무 도움이 됩니다 감사합니다
        • 해결했어요
          express 문서의 예제를 살펴보았는데
          .get()에 들어가는 middleware callback function의 argument로 쓰일 수 있는 것이 익명함수밖에 없네요.
          그래서 궁금해요 처럼 쓰고 싶다면

          app.get('/', function (req, res){
          homeFunc(req, res)
          });

          function homeFunc(req, res){
          res.send('welcome!');
          }

          이렇게 다시 함수를 부르는 식으로 해야 합니다.
          대화보기
          • 궁금해요
            var express = require('express');
            var app = express();
            app.get('/', homeFunc(req, res));
            app.listen(3000, function(){});

            function homeFunc(req, res){
            res.send('welcome!');
            }

            이렇게 실행하면

            app.get('/', homeFunc(req, res));
            여기서 req가 정의되어 있지 않다는 에러가 나는데 왜 그런걸까요?
          • SeongHoon Moon
            이미 사용중인 포트일 수도 있구요 포트번호를 바꿔서 시도해보시길 바랍니다.
            대화보기
            • hello
              안녕하세요..express 동영상대로 설치했고, 여태까지 잘 따라오는데 이상이 없었는데
              node app.js 실행해서, localhost:3000 들어갔을 때 웹페이지를 찾을 수 없습니다라는 오류가 계속 뜨네요 ㅠㅠ
              port에 접근을 못해서 그러는거 같은데 왜 이런 오류가 발생하는 걸까요?ㅠㅠ
            • 신입1
              감사합니다
            • saea
              재밌습니다!!!ㅠㅠ 허허..
              이고잉님 덕분에 늦게 시작했는데도 진도 쑥쑥 나갈수있습니다~~!!
              그런데 호옥시 워드프레스 플러그인 관련되어서 이런 종류의 내용.. 라우터나.. 거기서 기본적으로 사용하는 함수,, 그런 수업은 하실 의향은 없으신가요..? 초짜인데.. 코드리뷰를 하려니 너무 어려워서,ㅠ
            • liliilli
              안녕하세요, 수업 잘 듣고있습니다.
              주제와는 상관없는데 혹여나 이 동영상에서 쓰셨던 vim 플러그인 좀 알려주실 수 있으신가요? ㅠㅠ
            • bracket
              현재 node.js를 공부하고 있는데요.

              express()객체를 app 변수에 담은 뒤에
              url라우팅을 하는방식이 인터넷 예제소스를 보다보면
              get('/', 콜백함수) 를 쓰는 경우가 있고
              use('/', 콜백함수) 를 쓰는 경우가 있는데 무엇이 다른지 알 수 있을까요?
            • js초보
              app.get아래에 res.send를 치고 메세지를 적으면 저는 제 페이지에 글씨가 하얀색으로 떠서 마치 아무것도 안써있는거처럼 보이네요.ㅜㅜ
            • 이고잉님 목소리 개꿀보이스네요 헿
            • sean
              express모듈을 통해서 라우팅을 해주는 방법에 대한수업이였다.
              첫번째와 두번쨰 줄은 이 익스프레스 모듈을 사용하려면 그냥 이렇게 써라 아직은 잘모르니까
              그래서 app를 통해서 get이라는 메소드에 접근하면 이 메소드는 유저에게 컨트롤러를 라우팅해주는 역할을 하는 메소드이다. 그래서 / 이걸 첫번쨰 인자로 주게 되면 루트를 뜻하는것이고 /login 이라고 하면 로그인 페이지를 라우팅해주는것이다. app.listen이라는 메소드는 포트주소와 콜백하무를 통해서 그 포트가 열려있는지? 내용을 출력할수있는 메소드이다. 이부분은 완전 숙달을 해야한다. 숙달하러갑니다잉
            • xanthoc
              nodemon을 사용해 보세요. 매번 js파일을 고칠때마다 node를 다시 시작할 필요가 없습니다. 개발시 매우 편리한 툴입니다.
            • jiwoo0508
              egoing님 수업 잘 듣고 있습니다.

              오늘 쓴 vim editor 에서 egoing님이 쓰시는 플러그인? 은 무엇인가요?

              꼭 좀 알려주세요~
            • egoing
              좋은 생각입니다! ^^
              대화보기
              • 프레임워크 사용 이유를 정리할 겸 Express를 사용하여 웹서버를 만든 소스와 이전에 만들었던 예제(nodejs로만 개발한)를 보여주면 어떨까요?
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기