오늘은 js의 기초 부분 중
module에 대해서 복습했다.
전에도 배웠지만 복습을 안해두면 다시 까먹을 거 같아서
오늘 복습을 진행했다.
그 외 js 이해도에 대한 문제를 풀어봤다.
module에 대해서
- JavaScript 모듈은 대규모 애플리케이션에서 코드를 구성하고 구성하는 표준화된 방법을 제공하여 모듈성, 재사용성 및 유지보수의 편의성을 향상
-
JavaScript 모듈은 코드의 관련 기능을 포함하는 별도의 파일이나 모듈로 구성하는 방법이다.
-
모듈을 사용하면 코드를 더 작고 관리 가능한 조각으로 분할하여 유지보수, 재사용 및 공동 작업이 더 쉬워진다.
module의 특징
1. 파일 수준 범위
각 모듈에는 자체 파일 수준 범위가 있다. 모듈 내에서 선언된 변수와 함수는 전역적으로 범위가 지정되지 않아서 명시적으로 내보내지 않는 한 해당 모듈 내에서만 사용할 수 있다.
2. 내보내기 / 가져오기
모듈은 코드의 다른 부분에서 사용할 수 있는 변수, 함수, 클래스 또는 기타 개체를 내보낼 수 있다.
이렇게 내보낸 항목은 export 키워드를 사용하여 지정할 수 있으며, 다른 모듈에서는 import 키워드를 사용하여 내보낸 항목을 가져올 수 있다.
3. 캡슐화
모듈은 코드를 캡슐화시킨다. 즉, 모듈 내에 정의된 변수와 함수는 해당 모듈로 범위가 지정되며 명시적으로 내보내지 않는 한 외부에서 액세스할 수 없음
4. 비동기 로딩
브라우저 환경에서 모듈을 사용할 때 비동기적으로 가져오므로 필요한 모듈만 로드하고 다른 리소스는 병렬로 로드할 수 있어 페이지 로드 시간을 향상
그 다음으론 js의 기초 지식에 대해서 한 번 더 검토를 해보았다.
1. 두 수의 곱 [요구사항]
아래 함수 multiply는 두 인자를 받아 곱한 값을 반환합니다. 해당 함수를 완성하십시오.
입출력 예시
multiply(2, 3)은 6을 반환해야 합니다.
코드 작성
function multiply(a, b) => a * b;
multiply(2, 3); // 2 * 3 = 62. 모든 수 더하기 [요구사항]
주어진 숫자 배열의 모든 요소를 더하는 함수 sumArray를 작성하세요.
입출력 예시
sumArray([1, 2, 3, 4, 5])은 15를 반환해야 합니다.
코드 작성
function sumArray(arr) {
return arr.reduce((acc, cur) => acc + cur);
}3. 대문자로 변환
문자열 배열을 받아 모든 문자열을 대문자로 변환하고, 새로운 배열로 반환하는 함수 toUpperCaseArray를 작성하세요.
입출력 예시
toUpperCaseArray(['apple', 'banana'])는 ['APPLE', 'BANANA']를 반환해야 합니다.
코드 작성
function toUpperCaseArray(strings) {
return strings.map((str) => str.toUpperCase());
}4. 특정 조건문 [요구사항]
다음 배열에서 5보다 큰 숫자만 출력하세요. 그러나 8을 만났을 때 반복문을 종료하세요.
입출력 예시
let numbers = [2, 4, 6, 8, 10, 12]라는 숫자가 있다면 6을 반환
코드 입력
let numbers = [2,4,6,8,10,12];
for(let i = 0; i < numbers.length && numbers[i] !== 8; i++) {
if(numbers[i] > 5) {
console.log(numbers[i]);
}
}