2024/09/28 3

[프로그래머스] 덧칠하기 (LV1 - JavaScript)

1. 문제어느 학교에 페인트가 칠해진 길이가 n미터인 벽이 있습니다. 벽에 동아리 · 학회 홍보나 회사 채용 공고 포스터 등을 게시하기 위해 테이프로 붙였다가 철거할 때 떼는 일이 많고 그 과정에서 페인트가 벗겨지곤 합니다. 페인트가 벗겨진 벽이 보기 흉해져 학교는 벽에 페인트를 덧칠하기로 했습니다.넓은 벽 전체에 페인트를 새로 칠하는 대신, 구역을 나누어 일부만 페인트를 새로 칠 함으로써 예산을 아끼려 합니다. 이를 위해 벽을 1미터 길이의 구역 n개로 나누고, 각 구역에 왼쪽부터 순서대로 1번부터 n번까지 번호를 붙였습니다. 그리고 페인트를 다시 칠해야 할 구역들을 정했습니다. 벽에 페인트를 칠하는 롤러의 길이는 m미터이고, 롤러로 벽에 페인트를 한 번 칠하는 규칙은 다음과 같습니다.롤러가 벽에서 벗..

[React] 리액트 Props란?

React에서 props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 중요한 방법입니다. props는 컴포넌트가 동작하는 방식을 정의하거나, 동적인 데이터를 전달해 UI를 업데이트하는 데 사용됩니다. props의 개념, 사용법, 그리고 활용 사례에 대해 자세히 알아보겠습니다.   React Props: 컴포넌트 간 데이터 전달의 핵심  목차 1. Props란? 2. Props 사용법 3. Props로 함수 전달하기 4. Children Props마무리추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. Props란?Props(properties)는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용하는 매개변수입니다. 간단히 말해, props는 컴포넌트의 입력 값이라고 할 수 있습..

[React] 리액트 컴포넌트란?

React는 모듈화 된 사용자 인터페이스를 구축하기 위한 라이브러리로, 그 핵심은 컴포넌트입니다. 컴포넌트는 화면의 일부분을 구성하고, 재사용 가능하며 독립적인 단위를 제공합니다. 이번 포스팅에서는 React 컴포넌트의 개념, 종류, 작성 방법에 대해 알아보겠습니다.   목차 1. React 컴포넌트란? 2. React 컴포넌트 종류 3. React 컴포넌트 장점: 재사용성마무리추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. React 컴포넌트란? 컴포넌트는 HTML, CSS, JavaScript가 결합된 UI 조각이라고 생각하면 됩니다. React에서 컴포넌트를 사용하면 각각의 조각들을 독립적으로 설계하고, 이를 재사용하여 일관성 있는 인터페이스를 구축할 수 있습니다. 컴포넌트는 화면을 ..