오늘 한 일

• 알고리즘 1문제 제일 작은 수 제거하기
• react 심화주차 개인과제 (인증서비스)
  개인 과제 - react로 인증서비스 넣기 2일차

몰랐던 부분

오늘은 굉장히 큰 소득이 있었는데,

value={inputForm.content}
              onChange={
                (e) => {
                  if (e.target.value.length <= 100) {
                  setInputForm((prevForm) => ({
                    ...prevForm,
                    content: e.target.value,
                  }));
                }
                 }
              }

input 안에 들어가는 로직 일부분인데 여기서 의문점은

setInputForm((prevForm) => ({
	...prevForm,
    content: e.target.value,
    }));
    }}}

열고 닫는건 오류가 있을 수 있으니 너무 신경쓰지말고 왜 => 다음에 { 가 아닌 (로 먼저 시작하냐는 것이다.

내가 아는 화살표 함수는 ()=>{} 이렇게 시작하는데 ()=>({}) 인게 너무 이해가 안갔던거였는데, 하나하나 따지고 해석해보니, 지금 저기서 {}는 객체이지 화살표함수의 {}이 역할이 아니다. 그러므로 컴퓨터가

()=>{
	return @#@!
    }

이렇게 return 반환하는 로직으로 인식하지 않고 한줄짜리로 간편하게 줄여서 만든거라는걸 그리고 저기서 쓰이는 {}는 객체로 쓰이는 괄호라는걸 인식시키기 위해 ()로 감싸줬다는 것이다.

즉, 빈 객체 반환인지 알 수 없으니, 안에 함수 정의에 아무것도 없다고 인식할 수 있으니 ()로 감싸줬던 것이다. 생각해보면 react에서도 return문 안에도 ()로 감싸주고 여러 로직을 구현한게 이건 컴퓨터가 다르게 해석할 요소가 있어서 감싸줬다고 확실하게 이해가 되었다. 너무 좋은 공부이나... 갈길이 먼데 고작 이런걸로 헤매다니 ...... ㅠㅠ

앞으로 해야할 일

개인과제 구현 50% 완성 나머지 50%는 너무 어려워서 어떻게든 도움받으면서 기능 구현하기!!