개발 일지/프론트엔드2 S1: 트위터 목록과 삭제 트위터 사용자 이름과 트윗 내용을 쓰면 입력한 값을 state에 저장시켜야한다. 각 입력창마다 onchage를 사용하여 입력될때마다 지속적으로 부모 컴포넌트에서 useState로 각 입력값들을 저장하여 상태를 관리하게 하여야한다. Tweet 버튼을 통해 트윗이 업데이트 되면 onClick 이벤트로 새트윗을 작성받아 해당 값 뒤로 기존 tweets들을 전개연산자로 추가하여 만들어진 새 값을 현재 값에다가 상태를 관리하도록 작성한다. 트윗위에 현재 등록된 트윗들을 작성자 별로 관리하는 select 탭을 만들기 위해 데이터가 저장된 tweets들의 중복을 제거하여 하나의 배열을 다시 만든다. 이 과정을 통해 작성자 이름만으로 중복이 없는 배열이 만들어졌다. 새로 만들어진 함수를 map하여 select의 opt.. 2021. 9. 23. S1: React-Router로 트위터 페이지 설치 : npm install react-router-dom Router 구성 1. APP.js 구성 이 과정을 통해 Route에 연결된 path주소에 해당하는 컴포넌트를 연결한다. * BrowserRouter 태그를 app.js에서 사용하지 않고 index.js에서 선언/사용 할수도 있다. 2. Sidebar.js 설정 * a태그와 비슷한 Link는 a태그와 달리 페이지를 새로 가져오지 않는다. 3. NavLink 사용하기 2021. 9. 14. 이전 1 다음
