흥미진진한 개발

안녕하세요 흥미진진입니다!이번 글에서는 자바스크립트의 모듈화에 대해 알아보겠습니다. 자바스크립트 ES6 모듈 시스템은 export와 import 키워드를 사용하여 코드를 재사용합니다.모듈을 사용하면 코드의 재사용성을 높이고, 각 모듈 간의 의존성을 명확하게 정의할 수 있습니다.또한, 코드가 길어지거나 복잡해져도 각 모듈이 독립적으로 동작하기 때문에 유지보수가 쉬워집니다. export: 모듈에서 외부로 제공할 항목을 지정합니다.import: 다른 모듈에서 내보낸 항목을 가져옵니다.    Named ExportsNamed exports는 모듈에서 여러 항목을 내보낼 때 사용하는 방식입니다.각 항목은 고유한 이름을 갖고 있으며 다른 파일에서 해당 이름을 통해 가져올 수 있습니다. 예시)// math.jsexp..

안녕하세요 흥미진진입니다! 사소하지만 코드를 짜면서 가장 기본이 되는 것이 바로 변수 선언 키워드입니다. 변수 선언 키워드에는 var, let, const가 있는데요. 이 세 키워드가 무엇이 다른지 알아보는 시간을 가져보겠습니다! Scope 먼저 var는 함수 레벨 스코프이고, let과 const는 블록 레벨 스코프입니다. 이때 함수 레벨 스코프란? 함수 내에서 사용할 수 있는 것을 말합니다. 반면에 블록 레벨 스코프란? 함수가 되었든, 클래스가 되었든, 반복문이 되었든 간에 변수가 선언된 해당 블록 안에서 사용할 수 있는 것을 말합니다. 변수 선언 1. var는 이미 있는 변수 이름과 같은 이름으로 선언해도 괜찮지만, let과 const는 같은 이름으로 선언하면 에러가 발생합니다. 2. var는 값이 ..

문제 설명 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 문제 풀이 function solution(arr1, arr2) { var answer = []; for(var i=0; i

문제 설명 1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다. 2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야 하는지 반환하는 함수, solution을 완성해 주세요. 단, 작업을 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요. 문제 풀이 function solution(num) { var answer = 0..

문제 설명 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 문제 풀이 function solution(s) { var answer = ''; var temp = s.split(" "); // ['try', 'hello', 'world'] for (var i in temp) { // try for (var j in temp[i]) { // t if (j%2 !== 0) { answer += temp[i][j].toLowerCase(); } else { answer += temp[i][j].toUpperCase(); } } ..

문제 설명 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를 들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 문제 풀이 function solution(n) { var answer = []; var temp = String(n).split("").reverse(); for(var i of temp) { answer.push(parseInt(i)); } return answer; } 코드 설명 temp 배열에 n을 문자로 변환하여 한 글자씩 넣고 뒤집는다. answer 배열에 temp 배열의 요소들을 숫자로 변환하여 push 한다.

ex.html 선택하세요 년 선택하세요 월 선택하세요 일 ex.js $(document).ready( function () { for (var i = 2021; i > 1920; i--) { $('#year').append('' + i + ''); } for (var i = 1; i < 13; i++) { $('#month').append('' + i + ''); } for (var i = 1; i < 32; i++) { $('#day').append('' + i + ''); } } );

문제 설명 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. 문제 풀이 function solution(n) { var answer = 0; var sq = Math.sqrt(n); if(Number.isInteger(sq)) { answer = (sq+1)*(sq+1); } else { answer = -1; } return answer; } 코드 설명 n의 제곱근을 sq에 담고 정수인지 판별한다. 정수이면 sq+1의 제곱을 리턴하고, 아니라면 -1을 리턴한다.

문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 문제 풀이 function solution(phone_number) { return "*".repeat(phone_number.length-4) + phone_number.substring(phone_number.length-4); } 코드 설명 *을 phone_number 뒤에서 4자리 전까지 반복하고, phone_number 뒤에서 4자리를 붙여서 리턴한다.