hcmc

hcmc 프로젝트 중에서 백엔드로 데이터 전송하는 법을 몰랐었다. 이제까지 api를 만들어서 보내는 방법은 알았지만, 데이터를 중간에 전송하는 방법을 몰랐는데, 오늘 구현했다. 하지만 문제는 데이터를 전송하면 페이지가 끊긴다. 데이터를 전송해도 페이지 초기화가 되지 않

컬럼을 미리 정해줘서, 입력한 데이터가 어떤 key: value형식으로 들어가는지 정해준다. 상태관리를 위해 useState()를 사용하는데, 컴포넌트 데이터와 UI를 동기화 하기 위해 사용한다. 상태가 변경되면 다시 렌더링 해서, 최신 데이터를 반영해준다. useSt

accountlistaccountList

row를 클릭하면 params를 타고 { id }가 백엔드로 전송되도록 했다. 이 과정에서 params를 통해 전송하는 것은 연습만 해봤지만 실제로는 처음 해봐서 상당히 애를 먹었다. 최근 결제한 Code Guru의 도움 없이는 많은 자료를 찾으면서 상당히 애먹었을 것

원래는 위의 코드를 작성했지만 wallet.map()를 안해도 되는거 아닌가 싶어서 지워봤는데, 역시 안해도 되는 거였다.. 그동안 res.json()에서 데이터를 전달해주는 거였는데 몰랐지만 알게 되는 계기가 된거 같다.AccountList에 추가된 rows, col

기존의 @mui/material에서 Box, Button, Modal을 추가로 불러왔다.이거를 AccountList.js 파일에서 작성했는데, 다른 파일로 넘겨서 작성해야 할 것 같다. 현재는 임시방편으로 여기에 구현했다..useState()를 사용해서 모달창이 열려있

원래 있던 const [rows, setRows] = useState([]) 를 없애고 대신 [filteredRows, setFilteredRows] = useState([])로 바꿔준다. 검색기능을 구현하면 그에 맞는 행을 띄워줘야 하기 때문에 업데이트를 위해서 바

우선 데이터를 입력할 때 Amount옆에 조그맣게 카운터가 있었는데 이는 <input> 태그 안의 type=number가 되어있어서 발생하기에 이를 삭제했다. 그리고 AccountList.js의 <Select> 태그에서 <Input>의 값이 로딩중에 u

freePlans.js MyPlan.js

원본 수정본