file.js / jQuery

이번 시간에는 파일을 통해 스크립트를 정리하는 법을 배웠다.

스크립트를 정리하기 위해 function을 사용했고,
이 function이 많아지자, object를 통해 정리하는 법을 배웠다.

이마저도 많아지고 스크립트가 더 커지는 것을 막기위해 새로운 .js파일을 만들었다.

.js파일을 만들게 된다면

해당 스크립트를 파일에 집어넣어주고, 파일 이름을 src 값에 넣어주면 된다.

모든 html파일에 저렇게 넣어준다면, 똑같이 정상 작동하는 것을 볼 수 있다.
다만 이 방법은 네트워크에 접속을 늘려 부하를 줄 수 있다는 단점이 있지만,
그래도 훨씬 간결하게 정리할 수 있는 방안인셈이다.

이 방법을 사용하면 js 파일 하나만 수정했을 경우 모든 페이지에 적용할 수 있게된다.

협업

우린 혼자서 소프트웨어를 만들 수 없다.

라이브러리와 프레임워크가 있다.

라이브러리 / 내가 만들고자 하는 프로그램의 정보를 정리해둔 곳
내가 만들고자하는 부품을 가져올 수 있음

프레임워크 / 만들고자하는 프로덕트에 따라서, 공통적인 부분을 말하는 것, 반제품

다른 사람과 협업할 수 있는 모델이다.

자바스크립트 라이브러리중 가장 오래되고 유명하고 안정적인 것은
jquery다.

CDN을 통해 jQuery 활용 가능하다.
구글에서 검색 후 복사 붙여넣기 한다.

그리고 .js파일에 가서
css명령어를 넣어 모든 파일에 일괄적으로 적용 가능하다.

명령어는 다음과 같다

var Alinks = {
    setColor: function (color) {
    $('a').css('color',color);
    }
  }
  var Body = {
    setColor: function (color) {
    $('body').css('color',color);
    },
    setBackgroundColor: function (color) {
     $('body').css('backgroundColor',color);
    }
  }

이렇게 사용한다면, 복잡한 반복문을 이용할 필요도 없다.