코드로보시죠
[JavaScript-66] 모듈, 모듈화의 의미 본문
쉬어 가는 코너~!~!
앞으로 몇 챕터에 거쳐 우리는 모듈에 대해 배울겁니다.
이번 챕터에는 코드가 등장하지 않으니 안심하셔도 좋습니다 ㅎㅎ
요즘 4차 산업혁명이니 뭐니 하면서,
거의 모든 대학에서 전교생을 대상으로 프로그래밍 교양과목을 듣게 하는데요.
비전공자 친구들은 아무래도, 자신들이 코딩이란걸 하는 것이 굉장히 뿌듯한가봅니다.
종종 자신의 코드를 SNS에 올리곤 하는데,
맙소사... 가끔 "1000줄 넘었다" 라는 멘트와 함께 line번호가 1000에 근접한 것을 자랑스럽게 인증하는 친구들이 있습니다.
전공자의 입장에서 보면...

정말.. 훈수를 5시간정도 둘 수 있을 것 같지만,
그랬다가는 친구를 잃을 수 있기에 조용히 속으로 웃었던 기억이 있는데요.
이렇게, 하나의 파일에 너무 많은 코드를 작성하면,
가독성도 떨어지고, 내가 어떤 기능을 어디에 구현해놨는지 찾기 어렵습니다.
그래서, 개발자들은 실무에서 기능 단위로 파일을 만들어요.
예를 들어서, 쇼핑몰 웹페이지를 개발한다고 가정하면,
하나의 파일에 모든 내용을 구현하는게 아니라,
로그인 기능을 구현한 파일, 결제기능 파일, 회원가입 기능 파일, 글 업로드 기능 파일
이렇게 기능 단위로 파일을 나눠서 개발한다는거죠.
이렇게, 하나의 프로그램을 위한 코드를 여러 파일로 나눠서 개발하는 것을
"모듈화" 라고 부르고, 각각의 파일 조각들을 모듈이라 부릅니다.
이렇게 모듈을 만들어 두면, 파일 자체를 불러다 쓸 수 있다는 장점이 있는데,
자세한 것은 차차 배워봅시다!
하나만은 꼭 기억합시다!
모듈은 결국 그냥 파일이다!
'[JavaScript] 코드잇과 함께!' 카테고리의 다른 글
[JavaScript-68] 모듈 export, export default (2) | 2023.10.04 |
---|---|
[JavaScript-67] 파일을 모듈로 추출하기 위한 조건 (0) | 2023.10.02 |
[JavaScript-65] 배열 sort (오름차순, 내림차순 정렬) (0) | 2023.10.02 |
[JavaScript-64] 배열 reduce 메소드 (1) | 2023.10.02 |
[JavaScript-63] 배열 some, every (2) | 2023.10.02 |