트러블슈팅

위클리 미션의 요구사항을 수행하던 중, 내가 작성한 코드가 내가 의도한 것과 다르게 동작한다는 것을 알고 그것을 해결하는 과정을 기록해보고자 했다. 요구사항링크 검색바에 검색어를 입력하면 현재 폴더에 있는 링크들 중 “url”, “title”, “description” 중 하나에 검색어가 포함된 링크들만 필터된 상태로 볼 수 있나요? 위의 요구사항을 보고 생각했던 코드 흐름은- SearchingBar 컴포넌트의 input에서 검색어를 받는다.- 검색어를 입력하고 엔터를 누르면 A이벤트가 실행되어 검색어를 state 값으로 저장한다.- 데이터를 Map으로 돌려서 컴포넌트에 전달하기 전에, filter을 통해 검색어를 거른 후 전달한다. 그리고, 이 흐름대로 코드를 작성해보았다.// 검색어를 전달 받은 컴포..

개발 블로그이니 보여지는 것보다 내용의 알참이 중요한 것은 알지만 깔끔하고 예쁘게 올리고 싶다. 그래서 게시글에 이미지가 사용되지 않는 내용 중심의 포스팅에 사용할 대표 이미지를 한 두 개씩 만들어나갈 생각이다.처음 카테고리에 글을 게시할 때만 만들어두면 그 이후에는 서식에 넣어두고 계속 쓸 테니까!내가 만든 이미지로 썸네일을 걸어두니까 뿌듯하다. 글을 꾸준히 써서, 양질의 개발 블로그가 되도록 노력하겠습니다. 혹시라도 퍼갈 사람은 퍼가도 되지만, 출처만 잘 남겨주시와요 👍👍👍 (링크 걸어죠) 💟 코드잇 위클리 페이퍼  트러블 슈팅  알고리즘 공부

문제 설명 내가 원하는 동작 - 공유 버튼 클릭시, 이 뜬다. - 안에 있는 '링크 복사' 버튼을 클릭시, 클립보드에 복사하는 함수에 복사되길 원하는 링크 주소를 매개변수로 넘겨 실행한다. 실제 동작 - 공유 버튼 클릭시, 가 바로 동작한다 (그것도 연속 두 번이나) - 안에 있는 '링크 복사' 버튼을 클릭해도 복사되지 않는다. 모달에 있는 복사하기 버튼을 클릭했을 때 복사가 되어야하는데, 모달창이 뜨는 버튼을 누를 때 동작함 // handleCopyClipBoard : 클립보드에 복사하는 함수 // sharedFolderModal.jsx 링크 복사 원인과 해결법 콜백 함수로 넘겨주는 함수는 함수의 이름만 작성해야함 - 에서 매개변수와 같이 넘겨주었기 때문에 모달 파일이 불러와질 때 같이 호출이 되어버린..