[TIL] 221027

🔥 오늘 한 일

• 프로그래머스 Lv.0 4문제 풀기
• 기술면접 질문 & 답변 5개 정리
• [Udemy React] Section11(Practice Project-Food Order App) 실습

🧚 새롭게 알게 된 내용

💫 input props

객체 형태로 props를 내려주면 일일히 속성을 안 적어도 한번에 내려줘서 사용 가능하다.

<Input
  label="Amount"
  input={{
    id: "amount_" + props.id,
    type: "number",
    min: "1",
    max: "5",
    step: "1",
    defaultValue: "1", // 초기값
  }}
/>

import React from "react";
import classes from "./Input.module.css";

const Input = (props) => {
  return (
    <div className={classes.input}>
      <label htmlFor={props.input.id}>{props.label}</label>
      <input {...props.input} />
      {/* {...props.input}으로 input의 모든 객체 키&값을 받아올 수 있음 */}
    </div>
  );
};

export default Input;

✍️ Diary

먼가 점점 나태해지는 느낌,, 프로그래머스 레벨 0단계 푸는데 시간이 넘 오래걸린다. 😵‍💫