성장
-
[CSS/SCSS] 항상 까먹는 Text 말줄임표(...) 적용하기 !!!나는야 개발자/CSS 2022. 12. 7. 10:28
안녕하세요~ 오늘 다룰 주제는 !! 'Card' 또는 '게시판 내용 미리보기' 등을 만들때 필요한 " 말 줄 임 표 (...) " 를 적용시켜보려고 합니다. 바로 렛추고( Let's go ) 해볼까용 ? 😁 말줄임표를 적용하는 방법에는 크게 2가지가 있습니다. 1. 1줄로만 보여지는 경우 2. 2줄 이상으로 보여지는 경우 각각의 경우 CSS가 어떻게 적용되고, 차이점이 무엇인지 한 번 알아보겠습니다. 1. 1줄로만 보여지는 경우 .box{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } css를 위와같이 적용시킵니다. Lorem Ipsum is simply dummy text of the printing and typesetting i..
-
[React] react-router-dom | useParams, useSearchParams나는야 개발자/React 2022. 11. 18. 17:35
두고두고 써먹을 나만의 메모장 react-router-dom의 최신 기능 | useParams와 useSearchParams | 기록해 보자구 !! 먼저 URL주소에는 우리가 흔히 알고있는 파라미터 | 도메인주소/parameter1/parameter2/... 쿼리 | 도메인주소/parameter1?key1=value1&key2=value2&... 위의 두 가지 형태가 있다. 1. 파라미터로 연결되는 주소는 메뉴에 depth가 있는 형태 일 때 주로 사용된다. 예 | 쇼핑몰에서 상의 라는 상위 카테고리가 있고, 그 아래에 아우터라는 하위 카테고리가 있을경우 URL : 도메인주소/상의, 도메인주소/상의/아우터 와 같이 쓰일 수 있다. 2. 쿼리는 어떤 경우에 주로 사용하는가? 특정 값으로 조회되는 형태 일 ..