UX/UI 디자인

Input placeholder/default 차이

피그마 오픈카톡방2026. 3. 7.

질문사항

인풋 필드에서 'placeholder'와 'default' 상태의 차이점은 무엇인가요? 토스처럼 enabled 상태에서 키보드가 바로 활성화되는 경우도 default 상태로 볼 수 있나요?

답변

`Placeholder`와 `Default` 상태는 사용자 인터페이스에서 중요한 개념이지만, 서로 다른 의미를 가집니다.

Placeholder: 사용자가 입력하기 전에 인풋 필드에 표시되는 힌트 텍스트입니다. 주로 어떤 정보를 입력해야 하는지 안내하거나 예시를 제공하는 역할을 합니다. 사용자가 입력을 시작하면 사라집니다. Placeholder는 입력 필드의 "상태"라기보다는 "안내"에 가깝습니다.

Default State: 사용자가 특정 인터랙션을 취하기 전, 컴포넌트나 화면이 처음 로드되었을 때 보여지는 기본적인 상태를 의미합니다. 이는 활성화(enabled) 상태일 수도 있고, 비활성화(disabled) 상태일 수도 있으며, 특정 값이 미리 채워져 있을 수도 있습니다.

토스처럼 인풋 필드가 `enabled` 상태로 바로 키보드가 활성화되는 경우는 해당 인풋 필드의 `default` 상태가 `enabled`로 설정되어 있는 것으로 볼 수 있습니다. 즉, 사용자가 별도의 액션을 취하지 않아도 바로 입력할 수 있도록 준비된 초기 상태인 것입니다. Placeholder는 이 `enabled` 상태 위에 힌트 텍스트로 존재할 수 있습니다.