날짜: 2022년 9월 26일 월요일

키워드 및 질문

• Refactoring
• Module
• Component

본문

리팩토링

소프트웨어 공학에서 “결과의 변경 없이 코드의 구조를 재조정함”을 듯한다. 주로 코드의 가독성을 높이고 유지보수를 편하게 한다. 하지만 버그를 없애거나 새로운 기능을 추가하는 행위는 아님.

모듈

모듈이란 프로그램을 구성하는 구성 요소로, 관련된 데이터와 함수를 하나로 묶은 단위를 의미한다. 보통 하나의 소스 파일에 모든 함수를 작성하지 않고, 함수의 기능별로 따로 모듈을 구성한다. 이러한 모듈을 활용해 하나의 파일로 작성하는 방식으로 프로그램을 만든다. 이를 적재적소에 쓴다.

• 모듈을 사용하는 쪽에서 코드 작성이 짧아진다.
• 하나의 기능을 함수로 묶는 것을 말한다.
• 자바스크립트에서는 export / import 키워드를 사용한다.
• HTML에서 <script> 태그를 이용해 모듈을 사용할 수 있다.

모듈을 만들어서 파일로 만들어서 import..

컴포넌트

• 독립적이고 재사용이 가능한 작은 UI조각
• render()를 통해 HTML요소를 반환하는 함수이다.
• 자바스크립트 함수와 동일한 용도로 사용된다.
• 코드를 효율적으로 관리할 수 있게 도와준다.

<aside> 📌 요약: 리팩토링은 결과의 변경 없이 코드의 구조를 유지보수가 쉽도록 재조정한다. 모듈은 관련된 데이터와 함수를 하나로 묶은 단위이며 보통 함수의 기능별로 따로 모듈을 구성한다. 이러한 모듈을 적재적소에 사용하여 프로그램한다. 컴포넌트는 독립적이고 재사용이 가능한 작은 UI 조각이다.

</aside>