220323

👩🏻‍💻 Learned

오늘은 컴포넌트의 재사용에 대해서 배웠다. 컴포넌트의 재사용이란 공통되는 부분을 만들어두고 여러 컴포넌트에서 import 해서 사용하는 걸 말한다.

예를 들어, 게시물을 작성하는 페이지와 게시물을 수정하는 페이지가 있다고 생각해 보자. 그 두 화면의 틀은 똑같을 것이다. 달라지는 것이 있다면 등록 과 수정 이 포함된 문장들 정도? 그러니까 컴포넌트의 재사용은 이런 똑같은 구조의 페이지를 새로 작성하기 보다(혹은 복사하여 붙여넣기 보다) 상황에 따라 출력되는 문구만 바꿀 수 있도록 컴포넌트를 연결해 주는 것이다.

이부분은 따로 게시물 작성이 필요할 것 같아서 이번주에 정리해보려고 한다!!

그리고 오늘 배운 알고리즘 중에 정리하고 싶었던 부분. 실무에서 잘 쓰이는 내용은 아니라고 하셨지만 새로운 걸 알게 되어서 정리하고 넘어가려고 한다.

isNaN과 Number.NaN 함수

isNaN
1. 숫자가 맞는지 검증하는 함수
2. 숫자가 맞다면(NaN이 아니라면) false,
숫자가 아니라면(NaN이라면) true
3. 숫자 타입으로 변환된다

Number.isNaN
1. 숫자가 맞는지를 검증, 들어오는 인자가 숫자타입이여만 하고
결과가 NaN값이 맞는 지를검증
2. isNaN 보다 엄격하게 NaN 값을 검증

isNaN은 숫자인지 문자인지를 검증
Number.isNaN은 이 데이터가 정말 NaN 값이 맞는지 검증

let str = "123"

isNaN("b123") // true
Number.isNaN(Number("b123")) // true

isNaN("a") //true
Number("a") //NaN

isNaN("0/0") // true 문자열로 넣어줬지만 자동으로 숫자타입으로 변환
Number.isNaN("0/0") // false 들어온 인자가 숫자가 아니기 때문에
Number.isNaN( 0/0 ) // true

isNaN( undefined ) // true
Number.isNaN( undefined ) // false

// NaN : Number(str), 0/0

📝 Review

매일이 그랬지만 오늘은 오류가 너무 괴로운 날이었다. 근데 결국... 오타 때문이었다. 내가 볼 땐 죽어도 안 보이던 오타가 다른 사람이 보면 보인다는게... 왜 한 오류에 1시간 이상 투자하지 말라고 그랬는지 알 것 같다. 이거 하다가 다른 할 일을 제대로 못했다. TIL도 하루가 또 넘어갔다...

🔥 Will

• 쪼개진 파일에서 컴포넌트 재사용 만들기 이해하기
• 오타 내지 않기
• TIL 작성법 고민해보기