개발나라 스용공주

이번 글은 데이터를 정렬하여 새로운 배열을 반환해주는 toSorted()에 대한 글이다. [ toSorted() ]toSorted()는 원본 데이터를 변형하지 않고 데이터를 정렬하고 정렬된 새로운 배열로 반환해준다. [ toSorted() 활용 예제 ]toSorted()를 활용하여 게시판의 글 정렬 순서를 최신순과 오래된 순으로 변경하는 예제이다. 정렬순서 상태를 담을 변수는 동적인 데이터를 담기 때문에 아래 코드와 같이 스테이트를 생성해준다.의 값이 변경될 때마다 sortType의 값이 변경된다.보통 최신순으로 게시글을 정렬하므로 이때의 초기값 또한 latest(최신순)으로 정렬해준다.const [sortType, setSortType] = useState("latest"); 이벤트 핸들러를 활용..

이번 글은 템플릿 리터럴을 활용해 동적으로 변화하는 값을 담는 활용법에 대한 글이다. [ 템플릿 리터럴 사용법 ]현재 날짜를 표시해주는 기능에 대한 예제다. 먼저 아래 코드와 같이 현재 날짜를 담아줄 state를 생성해준다.const [date, setDate] = useState(new Date()); 아래와 같이 백틱(`)으로 감싸준 뒤 $ 뒤에 날짜 데이터를 담은 스테이트를 가져와 연도와 월을 가져와 출력한다.이때 월은 +1을 해줘야 정상적으로 현재의 달이 출력되기 때문에 반드시 +1을 해줘야한다. {`${date.getFullYear()}년 ${date.getMonth() + 1}월`}