100일은 해야지

4주 차 회고(06.19~06.25) 벌써 4주 차가 지나고 지금 5주 차째!! 4주 차에는 많은 일을 한 것은 아님 그냥 게시글 등록 UI 만든 정도? 잠깐 쉬어가는 시간이라고 생각함 이때 공부했어야 하는데.... 일단 이번주는 게시판 새 글 작성에 대한 것을 했다. input으로 쓰기에는 좀 긴 것 같아서 본문 입력창을 textarea태그로 해놨다. 거기다 textarea의 속성으로 row를 주면 줄 수만큼 크기가 커지고 사용자가 마음대로 본문창의 크기를 늘리고 줄이는 게 좋을 것 같아서 결정. 글 작성창에서 x를 누르면 진짜 닫기를 누를 건지 확인하는 모달창이 또 뜨게 만들었다. 사진은 최대 3개까지 담을 수 있고 담긴 사진을 미리 보기 할 수 있게 했다. 사진 위에 X버튼을 누르면 지워진다. 아직..

저번에 만들었던 모달 안에 게시글 등록 폼을 작성할 예정 일단 img파일을 넣기 위해서 type=file인 Input 태그를 사용할 예정임 import { useRef } from "react"; import { TiPlus } from "react-icons/ti"; import NewBoardForm from "./BoardForm"; function NewBoardBtn() { const dialogRef = useRef(null); const Open = () => { dialogRef.current?.showModal(); }; const Close = () => { dialogRef.current?.close(); }; return( 등록 ) 뭔가 애매하다... ui좀 바꿔야 할 것 같아서 U..

드디어 가계부를 마무리했다! 중간중간에 변경 사항이 좀 있어서 계속 바꾸다 보니 엄청 밀려서 끝냈다 그리고 계속 Prop으로 넘기고 넘기다 보니 여러 개의 기능을 같이 쓰는 페이지를 만들 때 헷갈리고 오류가 자꾸 생겨서 힘들어하다가 아... recoil 사용하기로 했지? recoil로 전역상태관리하기로 했던 게 뒤늦게야 생각이 나서 그때부터는 술술 풀렸다. 그 대신 리코일은 지금 한창 쓰려고 노력하는 중이라 useRecoilState 코드가 많아졌다. 아직 조금 서툴러서 그런가 보다 하고 넘기려 함 차차 나아지겠지. 4주 차 때 리팩토링 하면서 정리할 거니 되었다. 그리고 이번에 react-datepicker라는 라이브러리 써봤다. 처음에는 조금 어려웠지만 https://reactdatepicker.co..

나는 모달창을 띄우고 싶다. 팀 프로젝트에서 새로운 게시글을 등록하려고 할 때 모달창을 띄워서 거기서 작성하려 함 daisyUi를 사용하고 있어서 거기서 모달창 디자인 따왔다. window.my_modal_3.showModal()}>open modal ✕ Hello! Press ESC key or click on ✕ button to close window.my_modal_3.showModal() 여기서 오류남 없대요 'Window & typeof globalThis' 형식에 'my_modal_3' 속성이 없습니다. 나는 바닐라 자바스크립트가 아닌 타입스크립트를 사용하니 오류가 뜨는거겠쥐 훔.. 그럼 dialog태그에 대해서 찾아봐야쥬 dialog태그를 넣는 것 자체로는 아무 기능을 하지 않는다... ..

나는 Recoil State사용하면서 페이지 밖으로 나갔다 다시 돌아오면 값이 초기화되어있는 그런 값을 원했고 찾다가 때마침 오늘 멘토링하는 날이라 멘토님께 여쭤보니 useEffect에 넣으라 하셨죠... 그러네요 글로쓰면 그냥 진짜 생각이 바로 나는데 나는 설계도 안 하고 만드는 사람이었어요 와... 이래서 설계가 필요한거구나.... useEffect(() => { getUseData(); setIsSubmit(false); setFilterForm(false); setCategoryList([]); setStartDate(new Date(new Date().getFullYear(), new Date().getMonth(), 1)); setEndDate(new Date()); }, [setFilterF..

1주 차는 너무 슝슝 지나갔다. 백엔드분들의 개인과제도 안 끝나고 해서 정말 의미 없게 보낸 듯... 그냥 진짜 pre기획이랑 와이어프레임도 간단히 짜고 회의할 때 점점 기능들을 뺐더니 1주 차 멘토링 때 더 보완하라는 말이 나왔..... 다 정말 우리 팀이 뺀 기능들을 쏙쏙 골라서 이러면 더 좋지 않을까요 하시는데 하하하하 회의 더 해보겠습니다. 하고 기능을 더 추가했다. 2주 차는 시작했다는 것에 의의를 둠 그냥 와이어프레임 나온 대로 ui 짜고 목데이터를 이용해서 약간의 기능을 넣었달까... 그 와중에 멍청하게 한 시간 날려먹은 멍청 시간도 있었다... 나는 퍼센트를 구하고 싶은데 왜 0%만 나오는가? 함수를 넣으면 안 되나? 왜 안되지? 이제까지 잘만했는데 오만 생각 다함 진짜 한 시간 동안 허튼..