18일차 - 객체 2

객체에서는 프로퍼티와 프로퍼티를 구분하기 위해 아래와 같이 콤마를 사용한다.

var Body = {
    setColor: function(color){
        document.querySelector('body').style.color = color;
        },
        setBackgroundColor: function(color){
            document.querySelector('body').style.backgroundColor = color;
            }
        }

 

 

그리고 파일로 쪼개서 정리정돈을 하는데, 서로 연관된 코드들을 파일로 묶어서 그루핑한다.

파일로 쪼갰을 때의 장점은 모든 코드를 복사할 필요 없이 간단하게 color.js 파일을 새로운 웹 페이지에 포함시키기만 하면 된다.

작성한 코드를 재사용하기 되는 것이며, 모든 웹페이지에 동시에 변화가 반영된다.

가독성이 좋아지고, 코드과 훨씬 명확해지며 코드의 의미를 파일의 이름을 통해 파악할 수 있다.