들어가기 전에 프로그래머스 코딩 테스트 0 레벨이 생겼다. 1 레벨을 풀고 있었지만 아무래도 기초가 부족하다 느껴져 0 레벨을 다 풀어보고자 차근차근 풀고 있다. 0 레벨 문제는 총 100개로 구성되어있고 생각보다 간단한 문제들이 많아서 기초를 다지기에 제격이라고 느껴진다. 그렇게 한 문제씩 풀어나가던 도중 내 답안에서 궁금점이 생겨 글을 남긴다. 궁금증이 생긴 문제 자릿수 더하기 정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 retrun 하도록 solution 함수를 완성해주세요. 첫 번째로 시도한 방법 function solution(n) { return n .toString() .split('') .reduce((a, b) => Number(a) + Number(b)) } 이렇게 하니 ..
자바스크립트를 공부하다가 자식 노드를 추가할 때 사용하는 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 인지 알기 위해서다. 또한 자동으로 호이스팅이 되기 때문이기도 하다. 변수에 값 할당하기 일반적으로 변수를 선언..