"!" 은 어떤 문법인가요?
58
작성한 질문수 8
비제어 컴포넌트 - 라디오 수업 2:40 경
const formData = new FormData(formElRef.current!);
에서 !이 null 아님을 보장해 주신다 했는데 의미를 자세히 알고 싶은데 뭐라고 검색해서 찾아볼수 있을까요?
답변 2
0
안녕하세요!
인프런 AI 인턴이 답변을 잘해줬네요.
인프런 AI 인턴 답변 보시면 제가 추가적으로 보완해드리지 않아도 될 것 같아요!
그래도 잘 이해가 안되시면 말씀해주세요!
감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. 신박한님.
JavaScript와 TypeScript에서 !는 Non-null assertion operator로 사용되어, 특정 표현식이 null이나 undefined가 아님을 컴파일러에게 보장하는 역할을 합니다.
Non-null Assertion Operator 설명
비제어 컴포넌트: 비제어 컴포넌트는 DOM 요소에 접근하여 직접 제어하는 방식으로, 해당 컴포넌트에 대한 참조가 절대로 null 또는 undefined가 아닐 것이라고 보장해야 하는 경우가 많습니다.
활용 예시:
const formData = new FormData(formElRef.current!);위 코드에서
formElRef.current!는 참조하고 있는 DOM 요소가 유효하다는 것, 즉 null이 아님을 보장합니다. 개발자가 “이곳에서는 null이 절대 아니다!“라고 확신하는 경우에 사용됩니다.
검색 추천 키워드:
- TypeScript Non-null Assertion Operator
- TypeScript ‘! Operator’ Usage
- TypeScript null safety
이와 관련된 추가 질문 링크로 도움이 될 수 있는 자료를 제공하겠습니다:
- TypeScript에서 Non-null Assertion Operator의 사용 사례와 주의점
- Nullable 타입과 안전한 프로그래밍 관행
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.
0
34
2
import {} 중괄호 차이점
0
38
2
[ 문의]몽고DB connect 의 건
0
47
2
제공되는 react_code.zip 중에 ..
0
47
2
커리큘럼 비활성화
0
46
2
설명하시는 개념들을 잘 모르겠습니다.
0
43
2
이해가 절반 정도 되는데요.
0
56
1
styled-components(전역)
0
56
1
cloudinary 관련
0
71
3
useOptimistic 실전-1 useState
0
87
2
discord 초대장 갱신이 필요한거같습니다.
0
83
1
할일 관리 앱(메모이제이션)
0
99
2
Web 플랫폼 등록
0
140
2
함수 정의 기준
0
87
2
fetch는 사용되는가
0
88
2
전역상태 관리 선택 기준
0
109
2
tailwind css는 언제 사용되는가 또 다른 css와의 차이
0
210
2
카카오 web플랫폼 등록
0
193
2
컴포넌트 그리고 폴더 구조에 대해
0
78
2
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
0
52
1
폼테그 다른 태그를 하나의 상태 객체로 묶기
0
55
2
class를 className으로 전부 수정하실 때
0
49
2
JWT에 대한 개념도 학습할 수 있나요?
0
74
2
수업자료 다운로드
0
61
2