2020-06-18 생활코딩 파일쪼개기

파일 쪼개기에 대해서 실습해봤다. 

저번시간에는 객체를 만들어서 연관있는 변수나 함수를 그룹핑하는 실습을 해봤는데, 오늘은  야간/주간 모드에 해당하는 코딩전체를 따로  color.js라는 파일로 저장했다. 

 

사진처럼 <script src="color.js"></script> 로  저장해놓은 코딩을 파일로 불러오기만해도  

전과 동일한 동작을 한다. 코딩은 그만큼 보기 편해졌고, 무슨 의미의 코딩인지 알기도 편해졌다. 

 

그리고 library 중에 하나인 jquery를 사용해서 반복문같은거나 함수를 간단화해서 사용하는 실습도 해봤다. 

 

$('a').css('color',color); 를 사용하면 전체 a 태그를 color속성을 주는 함수를 만들어준다. 

4~5줄이 넘는 반복문을 단 한줄로 대신 할 수 가있다. jquery는 새로운 언어가 아니라 javascript로 미리 만들어둔 css라는 함수를 이용하는 것 이다.