TypeScript interface 속성 선택적 지정 후 접근 시 타입 에러

옵셔널 체이닝 써보셈. nickname 뒤에 물음표 하나 더 붙이면 해결될듯ㅋㅋ

아니면 그냥 기본값 설정해두는 건 어떰?

|| 연산자로 빈 문자열 넣어주면 에러 안 날 듯ㅋㅋ

정 급하면 Non-null assertion 써서 ! 붙이면 되긴 함ㅋㅋ

근데 이건 런타임 에러 날 수도 있어서 웬만하면 타입 가드로 체크하는 게 안전할듯요

아예 인터페이스 정의할 때 nickname을 필수값으로 두고

생성 시점에 기본값 넣어주는 게 나중에 관리하기 편할 것 같은데ㅋㅋ 한번 고민해보셈

이런 건 그냥 유틸 함수 하나 만들어서 처리하는 게 나중에 편하더라고요ㅋㅋ 매번 체크하기 귀찮으면 전용 헬퍼 함수 하나 짜보셈ㅋㅋ

다들 방법 알려줬는데 그냥 zod 같은 라이브러리 써서 런타임에 검증 때리는 게 제일 속 편할 것 같네요ㅋㅋ 한번 찾아보셈ㅋㅋ

이런 거 계속 나오면 그냥 타입 단언 써서 as string 처리하는 방법도 있긴 한데 이것도 런타임 에러 날 수 있어서 찝찝하긴 하네요ㅋㅋ 그냥 위에서 말한 방법들 중에 하나 고르는 게 상책인듯요

다들 방법 잘 알려주신 것 같은데 그냥 템플릿 리터럴로 감싸서 출력하는 건 어떰ㅋㅋ `${user.nickname || ''}` 이렇게 쓰면 타입 에러 안 나고 문자열로 바로 나와서 편함ㅋㅋ

이거 그냥 `if (!user.nickname) return;` 이렇게 조기 리턴 처리하는 게

제일 깔끔할 것 같은데요ㅋㅋ

코드 depth도 안 깊어지고 타입 가드도 자동으로 돼서 편함ㅋㅋ

다들 방법 엄청 많네요ㅋㅋ

내 생각엔 그냥 `user.nickname?.toUpperCase() ?? '기본값'` 이렇게 쓰는 게

가장 무난할 듯요ㅋㅋ

댓글 진짜 많네ㅋㅋ 그냥 `typeof user.nickname === 'string'` 이런 식으로 타입 가드 확실하게 잡고 쓰는 게 나중에 디버깅할 때 덜 헷갈릴 것 같음ㅋㅋ

와 댓글 진짜 많이 달렸네요ㅋㅋ

그냥 get 메서드 같은 거 만들어서 내부에서 처리하게 하면

쓰는 쪽에서는 신경 안 써도 돼서 편할 것 같음ㅋㅋ