JavaScript (3) 썸네일형 리스트형 자바스크립트 상속 class는 상속은 자바와 동일하게 extends를 활용해서 상속을 받는데, function은 상속을 어떻게 받는지 오늘 알게 되었다. 우선 class형 상속은 Child.js import Parent from "./Parent.js"; export default class Child extends Parent { FunChild() { console.log("Child"); } } Parent.js export default class Parent{ FunParent(){ console.log("Parent"); } } import Child from "./Child.js" const child = new Child(); console.log(child); child.FunChild(); child.F.. 자바스크립트 새로운 객체 생성 방법 문제 원인 코드 작성 중 원본 배열을 저장해 두고 새로운 배열을 만들 일이 생겼었는데 객체의 같은 메모리의 주소값을 참조하여 복사한 데이터를 수정하면 원본 데이터도 같이 수정되는 일이 있었다. 문제 코드 const originalData = [ { name:"김아무개", age:10 }, { name:"이아무개", age:14 }, { name:"박아무개", age:18 } ] let cloneData = originalData; cloneData[0].age = 12; console.log(originalData); console.log(cloneData); console.log(originalData === cloneData) console.log(originalData[0].age === clone.. 부모 컴포넌트에서 자식 컴포넌트 함수 호출하기(React) 전체 선택 기능을 구현하기 위해 부모 컴포넌트에서 자식 컴포넌트의 함수를 호출할 일이 생겼다. 전체 선택은 부모 컴포넌트에 있고, 각각의 플레이 버튼은 자식 컴포넌트 들에 있었다. //부모 컴포넌트 const JamDetail = ({ match }) => { const child = useRef([]); const onCheckAll = (isChecked) => { if (isChecked) { const indexArray = data.map((music, index) => index); setvalue(indexArray); } else { setvalue([]); } } const allplay = () => { value.forEach((index) => { child.current[index.. 이전 1 다음
