<kimNerd />

오늘 공부한 내용 📝

• React - 마크다운 라이브러리를 사용하는 대신에, 직접 마크 다운 파일을 불러와 정규표현식을 통해, 문법을 html로 바꿔줄 수 있도록 했다.
• MarkdownRenderer와 MarkdownReplacer 컴포넌트로 기능을 관리했다. 

궁금한 내용 / 부족한 내용 🧐

• 정규표현식을 다 외울 필요는 없어 보이지만, 그래도 지금보다 더 익숙해졌으면 한다. 

느낀 점 🤔

문서화를 꾸준히 하자.

오늘 공부한 내용 📝

• React에서 Markdown을 어떻게 불러오고 사용하는 지에 대하여 배웠다.
• React-Markdown 라이브러리를 설치하고 해당 라이브러리 사용법을 익혔다.

궁금한 내용 / 부족한 내용 🧐

• 다만 내가 필요한 부분은 마크 다운이 원하는 서식으로 웹 페이지에 잘 보여지면 되는 것이기 때문에,
  굳이 라이브러리가 필요할까 하는 의문이 들었다. 

느낀 점 🤔

화이팅!

오늘 공부한 내용 📝

• React-Native - ThemeProvider 추가
• React-Native - 폰트 글꼴 추가 
  • React와 크게 다르지 않다는 점이 정말 편한 것 같다.

궁금한 내용 / 부족한 내용 🧐

• React-Native 프로젝트에 타입스크립트 적용이 시급해 보인다.  

느낀 점 🤔

잘하고 있다.

꾸준히 하자.

오늘 공부한 내용 📝

• 반응형 웹 설정 - 최대 너비 설정과 같은 부분에 익숙해짐.
• 엔티티 코드를 통한 특수문자 return 방법 복습
• 웹 폰트 추가하는 다양한 방법 터득함
• 제목, 부제목 등의 Typography 컴포넌트 분리

궁금한 내용 / 부족한 내용 🧐

• 정규표현식이 아직 익숙치 못하다.

느낀 점 🤔

생각대로 살지 않으면, 사는 대로 생각할 것이다.

오늘 공부한 내용 📝

• styled-components - ThemeProvider 적용법
• 다크모드, 라이트모드 등 테마에 따라 달라진 서식 적용법

궁금한 내용 / 부족한 내용 🧐

• 반응형 테마와 다크모드, 라이트모드 테마를 동시에 적용할 수 있는 방법이 있을까?

느낀 점 🤔

문서화가 게을러 졌는데, 억지로라도 기억을 헤집고 커밋, PR한 거를 다시 살펴 보면서, 간단하게나마 정리하고자 한다. 

🌠 문제

머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다.
구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요.

🌠 제한사항

• 10 ≤ price ≤ 1,000,000
  • price는 10원 단위로(1의 자리가 0) 주어집니다.
• 소수점 이하를 버린 정수를 return합니다.

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• 150,000원에서 5%를 할인한 142,500원을 return 합니다.

입출력 예 #2

• 580,000원에서 20%를 할인한 464,000원을 return 합니다.

🧞 풀이

// 소수점 이하를 버린 정수를 return => parseInt를 써서, 소수점 이하를 버리자.

function solution(price) {
    if (price >= 500000) {
        return parseInt(price * 0.8);
    } else if (price >= 300000) {
        return parseInt(price * 0.9);
    } else if (price >= 100000) {
        return parseInt(price * 0.95);
    } else {
        return price;
    }
}

🌠 문제

정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요.

🌠 제한사항

• 0 ≤ numbers의 원소 ≤ 1,000
• 1 ≤ numbers의 길이 ≤ 100
• 정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다.

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• numbers의 원소들의 평균 값은 5.5입니다.

입출력 예 #2

• numbers의 원소들의 평균 값은 94.0입니다.

🧞 풀이

function solution(numbers) {
    let s = 0;
    for (let i = 0; i < numbers.length; i++) {
        s += numbers[i];
    }
    return s / numbers.length;
}

🌠 문제

머쓱이네 피자가게는 피자를 두 조각에서 열 조각까지 원하는 조각 수로 잘라줍니다. 피자 조각 수 slice와 피자를 먹는 사람의 수 n이 매개변수로 주어질 때, n명의 사람이 최소 한 조각 이상 피자를 먹으려면 최소 몇 판의 피자를 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요.

🌠 제한사항

• 2 ≤ slice ≤ 10
• 1 ≤ n ≤ 100

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• 10명이 7조각으로 자른 피자를 한 조각 이상씩 먹으려면 최소 2판을 시켜야 합니다.

입출력 예 #2

• 12명이 4조각으로 자른 피자를 한 조각 이상씩 먹으려면 최소 3판을 시켜야 합니다.

🧞 풀이

function solution(slice, n) {
    let q = parseInt(n / slice);
    let r = n % slice;
    
    if (r > 0) {
        return q + 1;
    } else {
        return q;
    }
}

🌠 문제

머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지 않고 모두 같은 수의 피자 조각을 먹어야 한다면 최소 몇 판을 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요.

🌠 제한사항

• 1 ≤ n ≤ 100

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• 6명이 모두 같은 양을 먹기 위해 한 판을 시켜야 피자가 6조각으로 모두 한 조각씩 먹을 수 있습니다.

입출력 예 #2

• 10명이 모두 같은 양을 먹기 위해 최소 5판을 시켜야 피자가 30조각으로 모두 세 조각씩 먹을 수 있습니다.

입출력 예 #3

• 4명이 모두 같은 양을 먹기 위해 최소 2판을 시키면 피자가 12조각으로 모두 세 조각씩 먹을 수 있습니다.

🧞 풀이

// 최소 공배수를 구하는 문제

function solution(n) {
    // 6조각으로 정해져 있기 때문에, 그냥 6, 3, 2로 나눠지는지 확인해봐도 될 것 같음
    let newN = 0;
    
    if (n % 6 === 0) {
        newN = n / 6;
    } else if ( n % 3 === 0) {
        newN = n / 3;
    } else if ( n % 2 === 0) {
        newN = n / 2;
    } else {
        newN = n;
    }
    
    return newN;
}