🗂️Project2 [troubleshooting][technology decision]drag and drop 라이브러리 선택 어떤 오류를 해결한 과정보다는 프로젝트에 적합한 기술을 선택하기 위한 고민과 과정을 기록한 것입니다. 기술 선택에 도움이 되셨으면 좋겠습니다:) Problem ⚠️ 상황 : 작사 지원 프로젝트 휘리릭에서 사용자가 좀 더 편하게 가사 순서 변경을 할 수 있도록 dnd 기능 구현을 맡게되었습니다. React-Draggable, React DnD, React Beautiful DnD 등 많은 darg and drop 라이브러리들 중 프로젝트의 요구사항을 충족시키기 위한 최적의 도구를 찾아야했습니다. drag and drop 기능 구현 이후 업무와 프로젝트 마감 기한으로 빠른 개발 필요 Research 🧐 접근 : 각 라이브러리의 장단점 비교를 위해 라이브러리들의 특징들을 조사했습니다. 💡 라이브러리들의 특징 .. 2023. 11. 20. [troubleshooting][html5, React]<video>와 <source>의 영상 업데이트 문제 Problem ⚠️ 상황 : 수어 교육 프로젝트의 게임 구현에서 정답 수어 영상이 제대로 업데이트 되지 않는 문제 발생 ⚠️ 코드 (정답 수어 영상 jsx 코드) const [answerApi, setAnswerApi] = useState(""); React에서는 상태(state)가 변경되면 해당 컴포넌트가 리렌더링된다. 그래서 useState로 정답 영상 주소 상태값을 관리하여 값이 바뀌면 리렌더링이 되면서 정답 영상이 업데이트가 되어야하는데 왜 그러지 못한걸까?! Cause 🧐 접근 : 먼저 게임 횟차, 정답 수어 영상 주소 등 데이터가 잘 담기고 업데이트 되고 있는지 로직을 확인하였습니다. 로직에는 문제가 없음을 확인하고 렌더링 과정에 문제가 있을 것이라고 생각하여 접근 범위를 좁혔습니다. ❗원인 .. 2023. 11. 20. 이전 1 다음