🟣 오늘의 문제 회고

🤦 오늘의 문제 핥짝 #1

[프로그래머스] Lv1: 직사각형 별찍기

문제 설명
이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다.
별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요.

제한사항
*n과 m은 각각 1000 이하인 자연수입니다.

입출력 예

입력
5 3

출력
#####
#####
#####

---

나의 풀이

function star(a, b) {
  let stars = "";
  for (let i = 0; i < b; i++) {
    for (let j = 0; j < a; j++) {
      stars += "*";
    }
    stars += "\n";
  }
  return stars;
}

구현 접근
1. 표준 입력 방식에 대해서도 다뤄보지 않았던 터라 입력이 어떻게 이뤄지고 입력 된 값이 왜 저렇게 반환 되는지 알 수 없었어서 결국 풀이를 참고,,

2. 이중 for문을 적용시켜야 하는데 이중 for문의 원리 파악과 자바스크립트 동작 원리의 이해가 아직 부족했어서 결국 풀이를 참고 하였다,, ㅠㅠ

문제 점
1. 표준 입력 방식에 대해 살펴보자.

지금의 원리를 좀 더 이해하기 위해 프로그래머스 풀이 코드를 먼저 실행 해보았다.

실행 결과가 숫자 값 5와 3이 나오는 것을 확인하였다.
개발자 콘솔에서 받아온 입력값을 'data'인자에 입력하여 해당
'data'를 배열에 맞게 형 변환을 해주는 함수인 셈이었다.

2. 이중 for문이 동작되는 원리와 자바스크립트가 코드를 읽어가는 원리에 대해 다시 한 번 생각하게 됐다.

function star(a, b) {
  let stars = "";
  for (let i = 0; i < b; i++) {
    for (let j = 0; j < a; j++) {
      stars += "*";
    }
    stars += "\n";
  }
  return stars;
}

위 코드를 보면 for문의 원리는
즉, 첫 번째 for 블록 안의 for문이 다 실행 된 다음 블록 안의 두번 째 라인으로 넘어가 stars += '\n'이 실행되고 다시 for 조건으로 넘어온 다음 블록 안의 첫 번째 라인으로 향하게 되는 것.

다시 한 번 클로져(closure)의 원리와 자바스크립트 특성인 인터프리터어의 이해원리를 생각하게 되는 계기가 되었다.

---

다른 사람 풀이

#1

process.stdin.setEncoding('utf8');
process.stdin.on('data', data => {
    const n = data.split(" ");
    const a = Number(n[0]), b = Number(n[1]);
    const row = '*'.repeat(a)
    for(let i =0; i < b; i++){
        console.log(row)
    }

});

풀이
반복에 반복을 쓸 필요 없이 repeat 메소드를 이용하여 repeat만큼 별이 반복되는 출력을 만들면 됐던 것.

#2

process.stdin.setEncoding('utf8');
process.stdin.on('data', data => {
    const n = data.split(" ");
    const a = Number(n[0]), b = Number(n[1]);
    console.log((('*').repeat(a)+`\n`).repeat(b))
});

풀이
혹은 더 간결하게 한 줄로 끝낼 수도 있었다.

---

🤦 오늘의 문제 핥짝 #2

[프로그래머스] Lv2: JadenCase 문자열 만들기

문제 설명
JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. (첫 번째 입출력 예 참고)
문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요.

제한사항

• s는 길이 1 이상 200 이하인 문자열입니다.
• s는 알파벳과 숫자, 공백문자(" ")로 이루어져 있습니다.
  - 숫자는 단어의 첫 문자로만 나옵니다.
  - 숫자로만 이루어진 단어는 없습니다.
  - 공백문자가 연속해서 나올 수 있습니다.

입출력 예

s	return
"3people unFollowed me"	"3people Unfollowed Me"
"for the last week"	"For The Last Week"

---

나의 풀이

function solution(s) {
  var answer = s.split(" ").map((e) => e[0].toUpperCase());

  return answer;
}

console.log(solution("3people unFollowed me"));

구현 접근
1. 해당 입력된 문자열을 단어별로 나누기 위해 split메소드에 인자를 공백을 포함하여 나누어 줌.
2.map 메소드를 통해 element의 [0] 인덱스에 속하는 값들을 대문자로 변환하는 메소드 toUpperCase()사용.
3. 하지만 반환 값은 대문자로 변환된 3, U, M 만 결과값 반환.
4. 뒤에 문자열은 어떻게 붙여서 오면 좋을지 고민하다 gpt에게 물어보게 됐다.

해당 질문을 통해 뒤에 문자열 까지 붙어서 결과값을 반환하게 되는 것을 확인한 후.
"그럼 붙어오는 문자열들은 소문자로 오게되면 문제가 해결 되겠네?"
싶어서 slice(1)뒤에 .toLowerCase() 함수를 적용해보았다.

function solution(s) {
  var answer = s
    .split(" ")
    .map((e) => e[0].toUpperCase() + e.slice(1).toLowerCase());

  return answer.join(" ");
} 

결과적으로 구현이 제대로 작동되는 것을 확인 할 수 있었다!
흡족한 상태로 제출을 하였으나

하였으나,,!

수 없이 쏟아지는 런타임 에러들.. 왜 나는 것인지 결국 이해할 수 없어 질문하기 코너에 들어가 같은 질문이 있는 것을 보고 아차하게 됐다.

다행이 같은 질문을 하신 분이 계셨었고,

그 이유가 테스트 케이스의 인자 중 연속된 빈 문자열이 오게 된다면 split 메소드가 값을 반환하지 못 해 undefined 때문에 런타임 에러가 생긴다고 한다.

그렇게 최종적으로 답변을 참고하여 수정하게 된 코드는

function solution(s) {
  let answer = s
    .split(" ")
    .map((e) => (e ? e[0].toUpperCase() + e.slice(1).toLowerCase() : ""));

  return answer.join(" ");
}

물론 스스로 작성한 답변 보다는 도움을 받은 것이 많다고 느끼지만 접근 시도를 map을 통하여 할 수 있을까라는 시작부터 할 수 있다는 것에서 조금의 만족을 하게 됐다.

다음 부터는 저런 질문에 답변을 할 수 있을 정도의 실력까지 길러보자!

---

다른 사람 풀이

#1

function solution(s) {
    return s.split(" ").map(v => v.charAt(0).toUpperCase() + v.substring(1).toLowerCase()).join(" ");
}

풀이
1. map이 순회하는 해당 element의 0번째 인덱스를 추출만 하는 것이 아닌 charAt 메소드를 통해 인자의 테스트가 통과하지 못 하면 빈 문자열이 반환되게 설정 한 것.

MDN 표준내장객체 String.prototype.charAt()

charAt() 함수는 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 반환합니다.

구문
str.charAt(index)

매개변수

• 0과 문자열의 길이 - 1 사이의 정수값.
• 인자를 생략하면 기본값으로 0를 설정되고 첫 문자를 반환한다.
  
  index
  반환 값
• 지정된 인덱스에 해당하는 유니코드 단일문자를 반환한다.
• 만약 인덱스가 문자열 길이보다 큰 경우 빈 문자열 (예) " " 을 반환한다.

이렇게 또 메소드 하나를 배워갑니다.

---

🤦 오늘의 문제 핥짝 #3

[프로그래머스] Lv1: 최대공약수와 최소공배수

문제 설명
두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다.

제한사항

• 두 수는 1이상 1000000이하의 자연수입니다.

입출력 예

n	m	return
3	12	[3, 12]
2	5	[1, 10]

---

나의 풀이

수학 공식을 통한,, 알고리즘,, 너무나 괴로웠다,, 
수학을 손 놓은지 오래돼서 그런지 아무것도 할 수 없는 자신이 
한탄 스럽기만 했다 그렇게 풀이를 알아보게 됐고
유클리드 호제 법이라는 알고리즘을 알게 됐다!

그 풀이는

function solution(n, m) {
  var answer = [];
  const greatest = (a, b) => {
    if (b === 0) return a;
    return greatest(b, a % b);
  };
  const least = (a, b) => (a * b) / greatest(a, b);
  return [greatest(n, m), least(n, m)];
}

출처 velog
1. 최대공약수를 구하는 알고리즘 유클리드 호제법을 이용하여 최대공약수를 구합니다.
유클리드 호제법이란 주어진 인풋 중 큰 값을 a, 작은 값은 b, a를 b로 나눈 나머지를 r이라고 가정한다면,

a > b, a % b .. r 
b % r .. r2
r % r2 .. r3

위 과정을 반복하다보면 나머지가 0이 되는 순간이 옵니다.
나머지를 0으로 만들어 주는 나눠주는 수가 최대 공약수가 됩니다.

2. 위 과정을 반복하다보면 나머지가 0이 되는 순간이 옵니다. 나머지를 0으로 만들어 주는 나눠주는 수가 최대 공약수가 됩니다.

---

다른 사람 풀이

#1

function gcdlcm(a, b) {
    var r;
    for(var ab= a*b;r = a % b;a = b, b = r){}
    return [b, ab/b];
}

풀이
for문 안의 조건을 기본 공식이 아닌, 반복하고자 하는 조건들의
변수를 다양하게 선언 가능하다는 것을 알게 됐다.

😮‍💨 정리

이번에 배우게 된 유클리드 호제법과 for문의 조건 변형에 대해 잘 익혀두고 다음에는 응용하여 문제를 해결할 수 있게 이해를 익혀놓자!