Skip to content

[미션2] Textarea 컴포넌트를 구현하라. #3

@bytrustu

Description

@bytrustu

https://www.figma.com/file/XSC4tRBxNv7kAsJw5dJOZI/learn-frontend-skill?node-id=0%3A1&t=ZSay8uUDVxKhtvOk-0

  1. input 스타일 코드를 활용하여 기본 textarea 스타일을 작성해주세요.
    • hover했을 경우 테두리색이 변경됩니다.
    • readonly의 경우 배경색이 바뀝니다.
    • disabled의 경우 배경색과 글자색이 바뀝니다.
  2. 세로 5줄 입력이 가능하도록 높이값을 지정해주세요.
  3. textarea가 resize 되지 않도록 해주세요.
  4. textarea 내부 스크롤 스타일을 변경
  5. 미션1에서 완료한 useInput hooks를 적용하여 value, onChange 적용해보세요.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions