zustand를 써서 toggle버튼을 만들어 창들을 나타나게 하는 기능을 만들었는데, 다른 곳을 누르면 false가 되서 다시 사라지게 했으면 좋겠다고 생각했다.ClickOutsideFalse()라는 함수를 만들어 인자를 ref, 상태값, 상태변화함수, 이렇게 3개를
이렇게 함수를 짜고 실행을 시켰는데, 백에서 에러를 던질 때 catch로 가서 return을 시켜주는데 그 밑에 함수들이 //try 후 실행될 함수들..이 계속 실행되는 것이다. 알아보니..catch 블록 내에서 return을 사용하면 해당 catch 블록에서의 함수
로그인/회원가입 페이지에서 인풋창에 빈 칸이거나, 맞는 조건이 아닐 때 에러메세지를 띄워주기 위해 input을 참조해야했다. react의 useRef();를 사용하려고 여기서 했는데 오류가 있었다.useRef() 초기값에 null을 넣어주고, 함수 안 조건에 ref를
다크, 라이트 모드를 클릭했을 때 rotate되는 애니메이션을 주고 싶었는데, mode라는 상태에 따라 true, false로 모드가 바뀌는데 이를 이용해서 애니메이션도 구현하려고 했다. 처음에는 true false로 해서 true일 때 애니메이션이 포함돼 있는
monaco editor의 폰트사이즈를 변경하는 버튼을 만들려고 상태관리 파일에 변수를 생성해서 넣었는데 계속 오류가 나고 오류를 봐도 '{ codeFontSize: number; }' 형식은 'number' 형식에 할당할 수 없습니다. 라고 나오는데 이해가 가지 않았
처음 코드를 이렇게 썼는데 타입 에러가 났다. 둘 다 string 타입으로 주고, 넘어오는 값들도 다 string인데 도대체 무슨 에러인지 Partial<>에러가 났다는데, 어디서 굴러 들어온 놈인지.. 여러가지를 고쳐보고 시도를 해봤지만 결국 포기하고 chatG
원래 이런식으로 만들었는데, 매개변수 extension에 타입이 없다고(any) 오류가 생겼다. 그래서 타입을 다 만들어야 되나라고 생각했는데, 다른 사람 코드를 참고해보니까 rc tree 라이브러리에 TreeProps라는 옵션이 있었다. 그대로 import.그래서
설치는 이지하다.Tree와 rc-tree 라이브러리의 index.css를 임포트하고 <Tree>컴포넌트를 쓰기만 하면 된다.그리고 treeData 옵션을 줘서 안에 객체를 준다.. key와 title은 기본으로 들어가야 되고, 여기서 children 유무에 따라
Web IDE 프로젝트를 위해서 여러가지 라이브러리를 사용했고, 그 중 파일트리를 위해 react-arborist 라이브러리를 사용하였다. 처음 보았을 때는 데이터 처리 기본 함수들이 되게 잘 되어있다고 생각했는데(맞긴 함), 막상 백엔드와 연결한다고 생각하니까 CRU