[UI 개선] 텍스트가 긴 문장 대응하기
문제 텍스트가 긴 경우 UI에서 모두 보여주게 되었을 때 밑에 오는 컴포넌트 요소들이 묻히거나 디자인 의도대로 나오지 않는 경우가 발생한다. 이 부분을 개선하기 위해 나름 생각했던 부분에 대해 정리를 해보려 한다. 단순하게 maxLength 제한하기 input 태그에서 maxLength를 제한하여 디자인이 깨질 수 있는 것을 미리 방지한다. 그러나 별로 좋은 방법은 아니다.왜냐하면 영어나 한글의 경우 i 와 A 같이 뚱뚱함의 정도가 다르기 때문에 i가100자 들오가는 것과 A가 100자들어가는 것에는 큰 차이가 있다. css 이용하기 css를 이용하여 처리하는 많은 방법이 있고 몇가지 방법을 정리 하려 한다 컴포넌트 width를 제한하여 해당 width만큼은 채우게 하는 방법 overflow: hidde..
프론트엔드
2023. 3. 17. 02:49
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 불량 사용자 자바스크립트
- 서버사이드 error handling
- 백준 22862
- node version yarn berry
- serverless nestjs
- storybook react is not defiend 해결
- useCallback과 useMemo 사용
- 관심사 분리하기
- 1600 파이썬
- suspense 장점
- React useCallback
- React useMemo
- 표현 가능한 이진트리
- 미로탈출 명령어
- nextjs 에러핸들링
- 백준 1600번
- nextjs errorboundary
- javascript
- 서비스 디자인 패턴
- 선언적 UI
- node 버전 마이그레이션
- storybook scss import
- nestjs 배포하기
- react suspense
- 에러핸들링
- 가장 긴 짝수 연속한 부분 수열
- 자바스크립트
- serverless 배포
- CSS
- storybook scss이슈
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함