오늘 한 일
- 아직 API도 붙이지 않은
(그냥 내가 알아서 원래 있는 API 적당히 갖다 붙여놓고 시험 중인)페이지만 계속 만지작거렸다. 오늘 안에 끝나지 않을까 싶어서 아침 스크럼 때 그렇게 말했는데 웬걸, 하루 웬종일 시간 다 잡아먹고 결국은 오늘을 넘기게 되었다.언제나 그랬듯이... - 게시판과 같은 종류의 페이지를 만드는 건 여러 프로젝트를 거치며 쉽게 할 수 있다고 생각했는데, 지금껏 해 온 것과는 조금 다른 형태를 다루게 되니 마냥 새롭기만 하다. 회사 일이다 보니 조금 더 신중히 작업하게 되는 것도 같다.
- DB에 저장된 항목들이 input(text, file)이나 select로 알아서 나열되어야 한다. 당연하게도, DB에 저장된 그 항목들은 언제든지 개수가 늘어날 수도, 줄어들 수도, 내용이 바뀔 수도 있다. 그러다 보니 input과 select가 어떤 순서로 몇 개가 나열될지는 알 수 없다. 그런 상황에서 useRef로 해당 태그의 값들을 가져오고 싶은데, 일일이 선언하자니 말도 안되는 짓인 것 같았다. 만약 input 태그가 극단적으로 많아져서 100개라면!? 1억개라면!?
(생활코딩?ㅋㅋㅋ)
오늘 배운 것
- 그래서 찾아온, useRef의 초깃값을 애초에 배열로 줘버리고 배열로 관리하기 링크.
useRef() 여러개 관리 하기
웬만한 컴포넌트에서 거의 다들 useState 혹은 useRef 를 많이 쓸 것이다. useRef로 각각의 input 타입들에 접근해 값을 뽑아내려고 했는데 그 개수가 조금 많았다. const userRef = useRef(); const phoneRef = u..
devilfront.tistory.com
'post항해_배움일지 > 개발일기' 카테고리의 다른 글
| 개발일기_211013_신나는 롤백(이벤트 핸들러) (0) | 2021.10.13 |
|---|---|
| 개발일기_211010_빨리빨리(한국인) (4) | 2021.10.11 |
| 개발일기_211008_아니 이보시오 defaultValue가 없잖소 (2) | 2021.10.09 |