[React]React 버전 18과 19에서의 ref 전달 방식 비교 분석하기(forwardRef) ForwardRef란?ForwardRef는 부모 컴포넌트가 자식 컴포넌트의 DOM 요소에 직접 접근할 수 있게 해주는 React의 기능이다. React 18 버전까지는 컴포넌트 간에 ref를 전달하기 위해 필수적으로 사용되었다. 부모 컴포넌트에서 자식 컴포넌트의 특정 이벤트를 직접 호출할 때 사용했다. 자식 컴포넌트에 forwardRef 함수로 감싸주면, 부모의 ref를 자식 컴포넌트에 사용할 수 있다. 나의 경우 자식 컴포넌트의 refetch 함수를 부모 컴포넌트에서 특정 이벤트가 발생하면 호출되도록 하기 위해 사용했다. React 버전별 ref 전달 방식 비교구분React 18 이전React 19전달 방식forwardRef 필수 사용prop으로 직접 전달 가능코드 예시const ChildInput .. [JavaScript] 마지막 문자열 제거 vuetable에서 전달받은 데이터를 파싱 했다. 테스트 1, 테스트 2, 테스트 3, 과 같이 마지막 요소에도 , 이 붙길래 마지막 문자 , 을 제거하였다. formatter(value){ let result,tmp = "" let tmpArr = []; tmpArr = value for(let i = 0; i < tmpArr.length; i++){ tmp += tmpArr[i] + ","; } result = tmp.slice(0,-1); return result; } 이때 전달되는 데이터는 배열이기 때문에 value는 배열이 담긴다. 새로운 배열을 생성해서 value를 tmpArr에 담아준다. 배열의 길이만큼 반복문 돌면서 tmp에 해당 요소들을 이어준다. 핵심은 이거! result = tmp.s.. [JQuery] 제이쿼리 기본 개념 정리 참고 블로그 https://coding-restaurant.tistory.com/187 jQuery 이벤트 등록 메서드 (단독, 그룹, 강제, 제거, 로딩, 마우스, 키보드) 사용자가 웹사이트에 방문해서 동작을 취했을 때 제이쿼리 코드가 실행되도록 만드는 방법을 다루는 단원입니다. 이벤트 : 사이트에서 방문자가 취하는 모든 행위 이벤트 핸들러 : 이벤트가 발 coding-restaurant.tistory.com 요소 탐색 관련 http://www.devkuma.com/books/pages/224 프로그램 개발 지식 공유, devkuma 데브쿠마는 프로그래밍 개발에 대한 지식을 공유합니다. www.devkuma.com [JQuery] 모달창에서 버튼 이벤트 발생 시 해당 값 넘기기 console.log($(event.target).parent().siblings("input[type=hidden]").val()); function modifyEvent(){ // console.log($(event.target).parent().siblings("input[type=hidden]").val()); $("#eventNo-id").val($(event.target).parent().siblings("input[type=hidden]").val()); } $(event.target).parent().siblings("input[type=hidden]").val() 이벤트가 발생한 요소의 부모 요소를 선택해서, 형제 요소들 중 hidden인 요소의 값을 뽑는다 == EventNo 그리고 그.. [JavaScript] 순차적으로 접근한 input 요소의 value값이 interest에 포함되어 있을 경우 해당 input 요소 선생님께서 알려주신 Tip! 순차적으로 접근한 input 요소의 value값이 interest에 포함되어 있을 경우 해당 input 요소에 checked 속성 부여하기 == DB에 입력되어 있는 요소들이 checked 되어 마이페이지에 나타날 수 있게하기 indexOf search 를 사용해보라고 하셨음 나의 로직 5/4 indexOf 메소드는 index의 순번을 나타내는 메소드, search 메소드는 모르겠다. 대략적으로는 순서별로 조건 검사를 한 후에 checked 속성을 주는 것 같은데, 일단 내일 다시 도전해봐야겠다 5/5 indexOf() 요약 https://electronic-moongchi.tistory.com/13 [javascript] IndexOf() 문자열에 특정 문자 포함 여부 확인.. 이전 1 다음
