yeeed_log

자바스크립트를 공부하다가 자식 노드를 추가할 때 사용하는 append, appendChild 이 두 가지의 차이점이 무엇인지 궁금해져서 찾아보았다. append란? append 메소드를 사용하면 노드 객체(Node object), DOM String을 추가할 수 있다. 한 번에 여러 개의 자식 요소도 추가 가능하다. 위 예시를 보면 span 노드에 Hello world를 추가했고, 일반 스트링 문구로 추가한 Hello world 또한 잘 출력된 모습을 확인할 수 있다. console.log로 찍어보면 append는 return값을 반환하지 않는다. appendChild란? append 메소드와 다르게 오직 노드 객체만 추가할 수 있다. 오직 하나의 객체만 추가 가능 위 예시를보면 span 노드는 잘 출력..

메서드란? 쉽게 말해 함수다. 다만 일반적인 함수와는 다르다. 자료형에 포함된 함수이기 때문에 이를 구분하기 위해 메서드라고 부른다. 메서드는 원본 배열이 수정되는 것과 수정되지 않는 것이 있기 때문에 구분해서 사용해야 한다. (주의하자!) unshift() - 맨 앞에 요소를 추가 - unshift() 메서드는 배열의 맨 앞에 1개 이상의 요소를 추가할 수 있다 - 다시 배열을 찍어보면 추가된 요소를 확인할 수 있다 (원본 배열이 수정됨) shift() - 맨 앞의 요소를 삭제 - 배열 안에서 0번째 인덱스에 오는 요소를 제거한다 - 따로 매개변수가 없다 - 제거 한 첫 번째 요소를 반환한다 - 빈 배열에서 사용할 경우 undefined를 반환한다 push() - 맨 뒤에 요소를 추가 - 배열의 맨 끝..

변수의 종류(var, const, let) 자바스크립트에서의 변수는 아래와 같이 정의할 수 있다. var a; 위는 a라는 변수를 선언한 상태. 변수를 선언하고 아무 값도 할당하지 않으면 기본적으로 undefined라는 초기값을 가진다. null - 변수에만 할당할 수 있는 값이며 비어있음을 뜻한다. '비어있음' 이라는 값이 들어있는 상태. undefined - 변수에 값을 주지 않은 상태. const a; let b; const는 변하지 않는 값을 할당할 때 사용한다. 반면 let은 변할 수 있는 값을 할당한다. ✔️ 변수 var 을 잘 사용하지 않는 이유는 매개변수가 const 인지 let 인지 알기 위해서다. 또한 자동으로 호이스팅이 되기 때문이기도 하다. 변수에 값 할당하기 일반적으로 변수를 선언..

이 글은 코딩을 하다 문득 A(anchor) 태그에 #, #none, #javascript:void(0); 의 의미가 궁금해 찾다가 작성한 글입니다. 태그의 속성은 크게 세 가지 간단하게 설명해보자면, href : 연결하고 싶은 주소를 적는다. target : 링크 클릭 시, 윈도우를 어떻게 오픈할 건지 정한다. (blank, self, top, bottom) title: 링크에 대한 설명을 넣는다. href href = Hypertext Reference의 약자 원하는 주소로 가버렷 href 안에 주소를 넣으면 원하는 경로로 이동 가능하다. 또한 href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려 하기 때문에 그걸 방지하기 위해 다른 속성 값들을 부여한다 다른 것은 무얼 넣을 수 있는지 확인..