🥞 오늘 한 일

• 리액트 입문 강의
  • 1주차 완강
  • 2주차 2-4강까지 완료
• 알고리즘 코드카타
  • 모의고사
• 수준별 수업 스탠다드반 OT
  • 자가진단 후 제출
• 팀 변경 (A11조, 하지만 빨랐조?)

🍽️ 문제 해결

알고리즘 코드카타

모의고사

문제

수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다.

1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...
2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...
3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ...

1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수를 작성해주세요.

내 풀이

function solution(answers) {
  let arr = [[], [], []];
  let num = ['12345','21232425','3311224455']
  let highScore = 0;
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    let score = 0;
    while (arr[i].length < answers.length) {
      arr[i]=[...arr[i],...num[i]];
      if (arr[i].length > answers.length) {
        arr[i].splice(answers.length, arr[i].length - 1);
      }
    }
    for (let j=0; j<answers.length; j++){
      if (+arr[i][j]===answers[j]){
        score++
      }
    }
    if (score > highScore){
      highScore = score;
      result = [i+1];
    } else if (score === highScore){
      result.push(i+1);
    }
  }
  return result;
}

배열에 answers의 length만큼 찍은 숫자들을 반복해서 넣어주었다. 그리고 반복문을 통해 정답일 경우 점수를 더하고, 가장 높은 점수인 사람을 result 배열에 넣어주었다.
나의 생각대로 풀기는 풀었으나 상당히 가독성이 떨어진다... 때문에 다른 사람의 풀이도 가져왔다.

다른 사람의 풀이

function solution(answers) {
    var answer = [];
    var a1 = [1, 2, 3, 4, 5];
    var a2 = [2, 1, 2, 3, 2, 4, 2, 5]
    var a3 = [ 3, 3, 1, 1, 2, 2, 4, 4, 5, 5];

    var a1c = answers.filter((a,i)=> a === a1[i%a1.length]).length;
    var a2c = answers.filter((a,i)=> a === a2[i%a2.length]).length;
    var a3c = answers.filter((a,i)=> a === a3[i%a3.length]).length;
    var max = Math.max(a1c,a2c,a3c);

    if (a1c === max) {answer.push(1)};
    if (a2c === max) {answer.push(2)};
    if (a3c === max) {answer.push(3)};


    return answer;

사실 인원이 더 늘어날수록 좋지 못한 코드가 되지만, 이해하기가 매우 쉽고 간단해서 가져왔다.

🍪 배운 것

리액트 입문 1주차

1주차는 JavaScript를 복습하는 강의였다.

• let, const, var
• 객체와 배열
• template literals, destructuring
• spread, rest
• 화살표함수, 조건연산자, 단축평가
• 모듈
• promise, async, await

리액트 입문 2주차

• React 소개
• SPA
• 개발 환경 세팅
• 프로젝트 생성

🍴 느낀 점

• 수준별 수업 스탠다드반 OT 후 자바스크립트 이해도 자가진단을 제출하기 위해 문제들을 풀었는데, 다른 문제들은 사실 큰 어려움 없이 잘 풀었지만 async/await, Promise에 관련한 문제는 4문제 중 3문제나 감도 못 잡고 못 풀 정도로 정말 아직 너무 부족한 걸 느꼈다. 리액트를 공부하는 것이 주된 목적이지만, 그와 동시에 Promise, async/await에 대한 숙련도도 최대한 빠른 시일 내에 무조건 높여야겠다는 생각이 들었다. 계속 이 부분이 발목을 잡는 것 같다. 빨리 익숙해지는 날이 오길!
• 드디어 리액트를 시작했다. 오랫동안 기다려온 시간이라 좀 두근거리는 것 같기도 하다. 이 감정을 그대로 유지하며 잘 해나가고 싶다!

🍳 내일 할 일

• 리액트 입문 2주차 수강