part 1. 버튼 UI 정렬 관련 입니다.

function App() {

  let [글제목, 글제목변경] =  useState(['남자 코트 추천','강남 우동 맛집','ABC']);
  let [따봉, 따봉변경] = useState(0);

  function 제목바꾸기() {
    let newArray = [...글제목];
    newArray[0] = '여자 코트 추천';
    글제목변경(newArray);
  }

  function 순서바꾸기() {
    let arr = [...글제목];
    arr.sort();
    글제목변경(arr);
  }

  let posts = '강남 고기 맛집';

  return (
    <div className="App">
      <div className = "black-nav">
        <div>개발 Blog</div>
      </div>
      <button onClick={ 제목바꾸기 }>제목</button>
      <button onClick={ 순서바꾸기 }>순서</button>
      <div className="list">
        <h3>{ 글제목[0] } <span onClick={ ()=>{ 따봉변경(따봉 + 1) } }>?</span> { 따봉 } </h3>
        <p>2월 17일 발행</p>
        <hr />
      </div>
      <div className="list">
        <h3>{ 글제목[1] }</h3>
        <p>2월 17일 발행</p>
        <hr />
      </div>
      <div className="list">
        <h3>{ 글제목[2] }</h3>
        <p>2월 17일 발행</p>
        <hr />
      </div>
    </div>
  );
}

강의 보고 정렬 코드를 작성해봤습니다.

선생님이 말씀하셨던 정렬 방법이 이게 맞는 걸까요?

다른 방법 예시도 알려주시면 열심히 공부하겠습니다 🙂

이해되기 쉽게 설명해주셔서 감사합니다!