[TIL017] 리액트 부트캠프 17일차

240508 17일차

💻오늘 학습한 것 요약!

리액트 찍먹 공부 (Components, Props)
코드카타 풀이

---

하루 회고

오늘도 코딩 테스트 문제를 풀면서

---

리액트 공부 전 찍먹

리액트란?

리액트(React)는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리!
사용자가 웹 사이트와 상호작용할 때 효율적으로 화면을 업데이트할 수 있도록 돕는다.

컴포넌트(Component)

리액트는 컴포넌트 기반으로 작동된다, 컴포넌트는 UI의 한 부분을 나타내며, 재사용 가능하고 독립적인 코드 블록으로 구성된다. 함수 컴포넌트, 클래스 컴포넌트가 있다.

프롭스 (Props)

Props는 properties의 줄임말로, 컴포넌트에 데이터를 전달하는 방법이다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용된다.

---

코드카타

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

제한사항
1 ≤ n ≤ 100

입출력 예 #1
6명이 모두 같은 양을 먹기 위해 한 판을 시켜야 피자가 6조각으로 모두 한 조각씩 먹을 수 있습니다.
입출력 예 #2
10명이 모두 같은 양을 먹기 위해 최소 5판을 시켜야 피자가 30조각으로 모두 세 조각씩 먹을 수 있습니다.
입출력 예 #3
4명이 모두 같은 양을 먹기 위해 최소 2판을 시키면 피자가 12조각으로 모두 세 조각씩 먹을 수 있습니다.

의사 코드

1. 필요한 피자 판 수를 저장할 변수를 0부터 시작한다.
2. 한 판에 6조각의 피자가 있으므로, 판 수를 1씩 증가시키면서 총 피자 조각 수(6 * 판 수)가 n으로 나누어 떨어질 때까지 반복한다.
3. 총 피자 조각이 n명에 의해 나누어 떨어지는 시점에서 반복을 중단하고, 그때의 판 수를 반환

문제 풀이

function solution(n) {
    let i = 0; // 필요한 피자 판 수를 계산할 변수
    while (true) {
        i++; // 피자 판 수를 1씩 증가
        if ((6 * i) % n === 0) { // 6조각씩 i판이 n명으로 나누어 떨어지는지 검사
            return i; // 나누어 떨어지면 그때의 판 수를 반환
        }
    }
}