TIL 23.11.28 (옵셔널 체이닝,e.preventdefault) & 부트 캠프 중 느낀 점

오늘부터는 본격적으로 리액트 심화과정에 들어갔다 리덕스 툴킷에 대해 본격적으로 배우는 시간을 가졌다.

강의를 듣던 중 옵셔널 체이닝(optional chaining)에 대한 내용을 간단하게 정리해 보았다.

아래 코드와의 차이는 todos 뒤에? 차이인데 ?(옵셔널 체이닝)을 사용하면 아직 서버에서 데이터를 받지 못했거나 오류로 인해 데이터가 없어도 다음에 무사히 출력되게 할 수가 있다

https://ko.javascript.info/optional-chaining

옵셔널 체이닝 '?.'

 

옵셔널 체이닝 '?.'

좀 더 자세한 내용을 찾다 보니 이런 사이트를 발견할 수 있었는데 자바 스크립트에 대한 여러 내용들이 상세하게

적혀있어 나중에 정독해도 좋을 거 같다

form 의 버튼은 submit 속성을 자동으로 가지는데 프리벤으로 막아야 함

 

e.preventdefault 란 이벤트 발생을 막는 메서드도 배워보았는데

<form> 태그 안에 <button>은 따로 입력하지 않아도 submit 속성이 부여되는데

코드를 짜다 보면 이를 방지하기 위해 e.preventdefault를 사용한다고 한다.

---

오늘 느낀 점

강의를 듣다 보면 여러 가지 상황을 반영하기 위해 정말 다양한 방법을 사용하는 데

예전에 알고리즘을 풀다가 문자열을 숫자로 반영하기 위해 코드에 + 하나 붙여서 해결하는 건 정말 놀라웠다

(JS 특성상 연산을 하는 경우 자동으로 숫자 처리됨을 이용)

이렇게 실제 코드 사용 시에도 입력하면 바로 화면에 반영하기 위해 <Button>태그 안에 setState를 넣어줘서

바로 화면에 반영하는 등 다양한 응용 코드를 알 수 있었다.

오늘은 스탠다드 반 타임 어택 코딩 시험을 보았는데 처참했다... 다시 베이직 반으로 내려가서 배워야 하나 싶기도 하고 잘하고 있나 의문이 드는 날이었다 벌써 캠프도 절반 가까이 진행 중인데 성장이 더딘 거 같다....

그래도 항상 어제보다는 나아진다는 사실을 품에 안고 앞으로 나아가야겠다 다짐한 하루다.