CATEGORIES
자바스크립트에서 동일한 노드(엘리먼트)가 다수 필요한 경우 어떻게 하면 DOM에 효과적으로 그릴 수 있을까요? HTML을 반복 사용하는 것도 가능하지만 자바스크립트를 사용하여 cloneNode() 함수를 사용할 수 있습니다. cloneNode()는 쉽게 엘리먼트, 노드를 복제하여 줍니다. 아래에서 자세히 알아봅니다.# 자바스크립트 cloneNode() 노드 복제하기똑같은 노드를 복제하여 만들 수 있는 방법으로 자바스크립트의 cloneNode() 함수가 있습니다. cloneNode()는 엘리먼트를 DOM에 복제하여 붙여넣기를 하면 동일한 기능을 수행하므로 코드를 간결하고 쉽게 만들 수 있죠. 이 함수는 생산성을 높여주는 함수로 알아두면 매우 간단하게 코드 구현이 가능합니다. 아래는 간단한 사용방법입니다.원하는
Last Modified : 2019-09-01 23:13:26똑같은 요소가 필요한 경우... 그래서 특정 요소를 복사해야한다면 제이쿼리에서 지원하는 clone() 메소드를 사용하여 간단하게 만들 수 있다. 간단하게 사용하는 방법은 아래와 같다.$(선택요소).clone();clone() 메소드는 단순하게 요소를 복사하는 것 뿐만 아니라 데이터 및 기능들도 함께 복사된다는 특징을 가지고 있다. 하지만 기본값은 false로 되어 있으며 만약 데이터 및 기능까지 복사하기를 원할 경우 매개변수에 true를 넣으면 된다.또 다른 특징으로는 clone() 메소드를 사용하면 가지고 있는 요소뿐만 아니라 그 안에 포함된 자식요소가 자동으로 모두 복사된다. 자식요소의 복사를 하지 않으려면 cloneNode() 자바스크립트 함수를 사용하는 방법이 있다.! clone() 예제소스 보기만약
Last Modified : 2016-01-06 01:11:26
lodash를 사용하여 자바스크립트의 객체를 복사하는 방법 중 딥클론(Deep cloning) 방법을 알아봅니다.# lodash를 사용하여 객체 복사하기, _cloneDeep()먼저 객체 타입을 복사하는 방법은 여러가지가 있습니다. 그 중 하나가 바로 lodash를 사용한 객체 복사 방법입니다. 이때 Shallow Clone과 반대되는 Deep Clone은 복사된 모든 값이 내부 자식 요소를 포함하여 모두 참조 형태가 아닌 새로운 값이 매핑되는 형태로 복사됨을 말합니다. 이 방법을 위해 _.clone()이 아닌 _.cloneDeep()을 사용합니다.링크 ) Deep clone 및 객체 복사에 대하여 더 많은 정보는 아래를 참고하세요.https://webisfree.com/2020-02-17/[자바스크립트]-
Last Modified : 2020-04-21 09:59:23
Git을 사용하여 repository를 생성 후 이를 로컬에 다운받아 싱크하는 과정에서 clone을 사용합니다.git clone repositoryName그런데 윈도우즈 커맨드에서 위 명령어가 동작하지 않는 경우? 다른 환경인 윈도우 linux나 Github Desktop의 경우 잘 동작한다면 인증 문제가 원인일 수 있습니다.# Git clone 인증 문제 해결하기이 경우 문제 해결을 위해서 일단 윈도우즈의 자격 증명 관리 설정이 필요합니다.- 제어판 > 사용자 계정 > 자격 증명 관리자 이동하기- 자격 증명 관리에서 Windows 자격 증명 선택- 일반 자격 증명에서 git에 해당하는 증명 정보를 수정하거나 삭제하기제어판 자격 증명 관리자 스크린샷위 과정을 마치고 다시 커맨드에서 명령을 내리면 에러가 사라
Last Modified : 2019-10-11 14:06:02자바스크립트에서 객체(Object) 타입을 복사, 복제(Clone)하는 방법에 대하여 알아봅니다. 어떻게 하면 똑같은 객체를 하나 더 만들 수 있을지 알아봅니다.! 객체 복사, 복제 앞서 반드시 알아둘 사항객체를 복사하기 이 전에 중요한 개념을 이해하는 것이 좋겠죠. 바로 깊은 복사(Deep copy)와 얇은 복사(Shallow copy)입니다.자바스크립트의 객체를 새로운 변수에 선언하게 되면 참조 형태로 값이 존재하게 되는데 이를 얇은 복사, Shallow copy라고 합니다. 여기서 참조를 설명하면... 새롭게 생긴 변수의 값이 변하면 기존의 객체 역시 함께 변하게 되죠. 아래와 같이 말이죠.site = { a: 1, b: 2 };site2 = site; // site2 변수를 선언하여 { a: 1, b
Last Modified : 2020-06-04 09:21:19