Boolean 타입 상태 변수의 useState 네이밍 어느 것이 더 적합할까요?

[ihj04982]

Boolean 타입 상태 변수의 useState 네이밍, [isLoading, setIsLoading] vs [isLoading, setLoading] 어느 것이 더 적합할까요?

React에서 useState를 사용해 Boolean 값을 가지는 상태를 정의할 때, 네이밍 방식에 대해 고민이 됩니다. 예를 들어, 로딩 상태를 나타내는 isLoading이라는 상태 변수가 있다고 가정했을 때, 아래 두 가지 방식 중 어떤 방식이 더 적합하다고 생각하시나요?

방식 1: 상태 변수와 setter 함수 이름을 동일하게 맞추는 방식

const [isLoading, setIsLoading] = useState(false);

이 방식은 상태 변수와 setter 함수 이름을 동일하게 유지하여, 상태와 setter 간의 명확한 관계를 강조합니다.

방식 2: 해석(의미론)에 초점을 맞춰 setter 함수 이름을 간소화한 방식

const [isLoading, setLoading] = useState(false);

이 방식은 setter 함수 이름을 간소화하여 동작을 더 의미론적으로 표현합니다. 예를 들어, setLoading은 "로딩 상태를 설정한다"는 동작에 초점을 맞춘 네이밍 방식입니다.

여러분의 의견이 궁금합니다!

[DKULena]

기본적으로는 네이밍 컨벤션에 맞추어 선언하는게 제일 좋다라고 생각하지만, 두가지 경우에서만 비교를 했을 때는, 기존 1안 방식이 더 맞다라고 생각합니다! 일관성을 유지하는게 추후에 에러를 방지하는데에 더 좋다라고 생각하기 때문입니다 :)

[Ring-wdr]

setLoading으로 해야한다면 state 이름도 loading 이어야 될거같습니다. 저도 일관성 때문이라도 전자대로 할거 같습니다.