Node.js

Node.js - 모듈의 형식

수업소개

많아진 코드를 정리 정돈하는 가장 큰 도구인 모듈의 형식을 살펴보겠습니다. 

 

 

 

강의

 

 

 

소스코드

nodejs/mpart.js

var M = {
  v:'v',
  f:function(){
    console.log(this.v);
  }
}

module.exports = M;

 

muse.js


// var M = {
//   v:'v',
//   f:function(){
//     console.log(this.v);
//   }
// }

var part = require('./mpart.js');
part.f();

 

댓글

댓글 본문
작성자
비밀번호
  1. supernet
    완료!!!
  2. tajava2006
    안녕하세요. 이고잉님. 언제나 좋은 수업 감사합니다. 다름이 아니라 현재 생활코딩에서 배운 html, css, javascript, mysql, 네트워크, node.js 내용을 총집합한 프로젝트 하나 진행 중입니다. 공부할 겸 해서요. 총집합이라고 해봤자 대단한 건 아니고 사실 web2-node.js 수업에서 큰 틀을 따와서 제 상황에 맞게 좀 변조하는 정도지만요. 여튼 그 와중에 jquery 부분에 궁금한 점이 생겨 질문드립니다. mysql에서 ip list들을 따와서 a태그로 링크를 죽 만들고 나서 ping을 쏴 본 다음 해당 ip들이 살아있다면 그 링크를 파란색으로, 죽어있다면 빨간색으로 나타나게 하려고 합니다.

    페이지 마다 네트워크 장비의 숫자도 다르고 동적으로 구현되게 할려면 아무래도 jquery를 사용하는 게 좋을 거 같아서 이 수업에서 제공되는 틀(main.js, template.js, topic.js, author.js를 이름 정도만 바꿔서 그대로 씁니다)에 jquery를 적용할려고 하면 어떻게 해야 하는지요?

    생활코딩에서의 jquery수업은 body 태그 안에
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
    $('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
    </script>

    넣어서 이렇게 쓰기도 한데, node.js에서 jquery 사용법에 대해서 검색해 보니까 여기서 mysql 모듈 설치하던 것 마냥 npm install jquery로 해서 var $ = require('jquery'); 뭐 이렇게 해서 사용하는 경우도 있더라구요. 어떤 방식을 사용해야 하는지...두 방식의 차이는 뭔지..

    일단 간단한 전자의 방법을 template.js 에서 HTML 함수에 그냥 적용했을 때는 일단 되기는 한데 링크 부분을 구글에서 제공하는 주소를 넣으면 되긴 하는데 npm에서 설치한 node_modules 안에 있는 jquery.js 주소를 가르키니까 먹히지를 않습니다.

    이게 나중에는 외부인터넷이 연결되지 않은 네트워크 환경에서 사용할 계획인지라 구글링크로 사용하는 방식은 안되거든요. 왜 node_modules 안에 있는 주소를 가르킬 땐 jquery가 작동을 안 하는 걸까요.. 링크가 잘못된 건가 싶어서 src="node_modules/jquery/dist/jquery.js" 도 해보고 src="../node_modules/jquery/dist/jquery.js" 도 해보고 src="./node_modules/jquery/dist/jquery.js" 뭘 해도 안됩니다.

    검색을 해보니까 https://whitenode.tistory.com......%B0 이런 글도 나오던데 jsdom이란 것도 따로 설치를 해야 했던 것인지..웬만하면 저 혼자 해결해보려고 했는데 ...힘들더라구요
  3. 권문수
    형식중심으로!! 감사합니다^^
  4. 지미츄
    감사합니다!
  5. Specialist
    아주 잘 봤습니다. 닉값하기까지 정진하겠습니닷!!!!!
  6. jo_onc
    아주 유용하겠네요.
    감사합니다^^
  7. 삼고잉
    잘 읽었습니다
  8. naninem
    모듈이란 파일을 쪼개서
    '외부로' 독립시킬수 있다 아닐까요?!
    대화보기
    • Gimme_Gsuit
      Function < object < Module 처럼 모듈에 모든 것 을 담아 낼 수 있고, 모듈이란 파일을 쪼개서 웹으로 독립 시킬 수 있습니다!!!. 감사합니다.
    • 감사합니다.
    • Seo Yun Seok Tudoistube
      감사합니다!
    graphittie 자세히 보기