프로젝트 22

input type file

저번에 만들었던 모달 안에 게시글 등록 폼을 작성할 예정 일단 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..

팀프로젝트 3주차 회고

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

Dialog Modal을 사용해보자

나는 모달창을 띄우고 싶다. 팀 프로젝트에서 새로운 게시글을 등록하려고 할 때 모달창을 띄워서 거기서 작성하려 함 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태그를 넣는 것 자체로는 아무 기능을 하지 않는다... ..

useEffect.. 일단 감사합니다.

나는 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-2주차 회고?

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

portfolio 만들자 1

저는 포트폴리오는 나중에 만들어야지 생각을 했습니다. 금방 만들 것이라 생각을 했기 때문이죠. 템플릿 많이들 나오잖아요? 사용해 본 적은 없지만 그냥 될 거라 생각했었죠. 하지만 프레임워크 과제를 하다가 싸한 느낌이 들었습니다. 이러다가 자소서나 포트폴리오 못만드는거 아닌가 하고요. 타입스크립트.... 리액트..... 어려워요...... 그래서 부트캠프가 끝나기 전에 틈틈이 시간을 내어서 포트폴리오를 작성해 보려고요. 만드는 과정도 올릴 예정입니다. 그리고 참고로 vite를 이용해서 react 포트폴리오 만들려고 했는데 처음부터 오류 났어요^^ 이렇게가 아닌가??? npm start 하면 뭔가 떠야 하는데.... 강의로만 이해한 거죠 제가 하하핳하하하 A complete log of this run ca..

728x90