Devlog

useEffect를 사용하개 되면 state값 (useState로 선언된 변수들)이 바뀔 대 마다 이에 대한 대응을 할 수 있게 됩니다. 예를 들어 장바구니에서 내가 구매하기 위해 선택한 항목들을 다시 프로그램을 켜도 유지하고 싶다고 한다면, 항목이 변경될 때마다 항목 리스트를 업데이트 하는 API를 호출해야 합니다. 이때 useEffect를 사용하게 되면 해당 요구사항을 해결할 수 있겠죠 const [selectedItems, setSelectedItems] = useState([]); useEffect(() => { // 대충 항목리스트 업데이트하는 API 호출 axios.post("/url", data=selectedItems...) }, [selectedItems]); 또한 useEffect는 s..

가끔 가다 보면 웹 사이트에서 복사 붙여넣기 버튼을 볼 수 있습니다. 그냥 드래그 하고 Ctrl+C 만 하면 끝나는게 복사인데 굳이 친절하게 복붙 버튼이 떡하니 있습니다. 저는 가끔씩 이런걸 보면서 인간의 게으름의 끝판왕이 아마 이 복붙버튼이 아닐까 하는 생각이 들기도 합니다. 여튼 웹 상에서 복붙 버튼을 만드는 방법은 간단합니다. 태그와 Javascript 코드만 있으면 됩니다. button의 onclick에 해당하는 이벤트 함수를 const copyEvent = () => { // Url 복사 이벤트 navigator.clipboard.writeText("복사하고 싶은 문자열"); } // in html 복붙 이렇게 구현해 주기만 하면 됩니다. 참 간단합니다. 하지만 이게 작동이 안되는 경우가 있습니..