Skip to content
On this page

2022년 04월 22일

수정하기
문서 생성 2022-04-22 11:01:43 최근 수정 2022-04-23 00:04:44

📚 오늘 도전하고, 배운 것

알고리즘 학습

React

props을 스프레드 연산자를 사용해서 JSX에 전달할 수 있다. 아래와 같이 input이라는 props은 object 형식이기 때문에

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

다음과 같이 간단하게 전달할 수 있다.

const Input = (props) => {
return (
<div>
<label htmlFor={props.input.id}>{props.label}</label>
<input {...props.input} />
</div>
)
}

🤔 학습하면서 궁금하거나 어려웠던 점

  • 문제를 바로 해결하지 못하는 내 모습을 보고 자괴감이 들지만 오늘 문득 리액트 코드를 보면서 예전엔 함수 인자로 Destructuring을 쓰면 그것 조차 이해안되던 시절이 생각났다. 더불어 화살표 함수도 도대체 저게 뭔지??하고 어려워했다. 그게 익숙해진 것처럼 알고리즘 문제도 조금은 쉬워지는 날이 오지 않을까 기대해본다!

🌅 내일은 무엇을?

  • React 학습
    • udemy 강의 - 최적화 기술
      • 다 듣는다.
    • 오늘 못한 사이드 프로젝트 개발
      • 해야 할 부분을 완료한다.
  • 알고리즘 학습 & 문제 풀이
    • React 학습 시간 제외하고 나머지 시간동안 공부한다.
  • 내일 개인적인 일정을 생각하면 과하지만 그래도 목표를 적어놓고 하는 것과 안하는 것의 차이가 컸다. 세세하면 더 세세할수록...

🖋 log

  • 4km 뛰었다. 운동시간을 6시 30분 정도로 늦췄는데 딱 좋았다. 흠이 있다면 저녁먹는 시간이 늦어진다는 것이었는데 속도 안좋으니 겸사겸사 저녁 밥 양을 줄여야겠다.

LINKS TO THIS PAGE