Jeden Tag, aufrichtig und lustig.

1. 개념 페이지네이션은 페이지를 이동하고 싶을 때 사용하는 것이다. 최근에 페이지네이션을 리액트로 구현해봤다. 구현해보면서 사용한 로직을 정리해보았다. 2. 적용 코드 아래 Wiki 컴포넌트는 페이지네이션과 페이지네이션을 적용할 글 목록 리스트를 리턴해주는 컴포넌트다. const Wiki = () => { const [wikiList, setWikiList] = useState(""); const [limit, setLimit] = useState(5); const [page, setPage] = useState(1); const offset = (page - 1) * limit; const getWiki = async () => { const res = await getWikiAxios(); setW..

길이 단위는 CSS 작업을 할 때 중요한 요소 중 하나이다. 유지보수와 연관되어 있기 때문이다. CSS에서 사용할 수 있는 단위는 절대 길이와 상대 길이로 분류 될 수 있다. 절대 길이 단위 : cm, mm, px 등 상대 길이 단위 : em, rem, vw, vh, % 등 절대 길이 단위 ( px 등 ) -> 절대적인 길이 그대로를 화면에 구현하고, 변동되는 값에 부여하는 경우 유지보수가 어렵다. 참고) 대부분 폰트 크기를 지정안했을 때 폰트크기의 기본 값은 16px이다 상대 길이 단위 ( em, rem, vw, vh, % 등 ) -> 가변적인 길이 단위이며 상대적으로 유지보수가 쉽다. 1. em 부모 요소의 폰트 크기가 기준이 된다. hello1 : 20px hello2 : 10px hello3 : ..