JS

문제설명 코니는 영어 단어가 적힌 카드 뭉치 두 개를 선물로 받았습니다. 코니는 다음과 같은 규칙으로 카드에 적힌 단어들을 사용해 원하는 순서의 단어 배열을 만들 수 있는지 알고 싶습니다. 원하는 카드 뭉치에서 카드를 순서대로 한 장씩 사용합니다. 한 번 사용한 카드는 다시 사용할 수 없습니다. 카드를 사용하지 않고 다음 카드로 넘어갈 수 없습니다. 기존에 주어진 카드 뭉치의 단어 순서는 바꿀 수 없습니다. 예를 들어 첫 번째 카드 뭉치에 순서대로 ["i", "drink", "water"], 두 번째 카드 뭉치에 순서대로 ["want", "to"]가 적혀있을 때 ["i", "want", "to", "drink", "water"] 순서의 단어 배열을 만들려고 한다면 첫 번째 카드 뭉치에서 "i"를 사용한 ..

Javascript로 html 요소 생성 서버와 통신이든 추후의 js에서 html 코드를 만들어야 하는 경우가 있을 때 사용하면 좋다 createElement() 메서드 document 객체의 createElement() 메서드를 사용한 것 // div 생성 const div = document.createElement('div'); // 텍스트 적용하는 방법 div.textContent = 'Hello'; // 스타일 적용하는 방법 div.className = 'div-style' // 또는 div.classList.add('div-style'); // id 적용하는 방법 div.id = 'div-ID' // 원하는 위치에 생성된 div를 넣어줘야 화면에 나타난다. document.body.append..

시작 전 체크 function Test() { console.log(this); } Test(); 해당 함수를 호출하면 this는 전역객체로 바라봐서 window가 출력된다. 만약 전역객체 아닌 다른 객체를 출력하고 싶을 때 call, apply, bind를 사용한다. 1. call() call() 메서드는 호출 주체인 함수를 즉시 실행하는 메서드이다. 첫번째 인자는 this에 바인딩된다. 이후 인자들은 호출할 함수의 매겨변수로 전달된다. function test(c, d) { console.log(this, c, d); } test.call({a: 1, b: 2}, 3, 4); // {a: 1, b: 2} 3 4 출력 2. apply() apply() 메서드도 call() 메서드와 마찬가지로 호출 주체..