내가 자바에서 사용 했을 때는 string 와 integer 를 전환 해줄 때 사용했던 것 같은데 자바스크립트에서도 비슷하게 사용 되는 것 같다. Method 그래서 valueOf 를 통해서 산술 연산자로 바꾸어 주어야한다. obj가 산술연산이 가능해져서 x가 15값이 나오는 것을 확인 할 수 있다. 그치만 이러한 방법으로 더 간단하게 뽑아 볼 수도 있다. 그럼 20000 To be continue..

entires() 를 사용하는 이유는 object에 담긴 데이터들을 간혹 볼 수 있다. object [ name : james, age : 29 ] 다음 처럼 데이터가 담긴 경우를 Array [ "name ", "james" ] Array [ "age", "29" ] 그냥 배열처리를 해줄 수 있기 때문에 entries() 를 사용한다. Method 자 그럼 이걸 entires() 로 씌워보자 이렇게 되면 간단하게 배열 처리로 필요한 데이터 들을 가져 올 수 있다. example 지금까지 entires() 사용하는 이유와 어떻게 사용하는지 알아보았다. 그럼 20000 To be continue..

자바스크립트 forEach() 사용방법에 대해서 바로 들어가보자. Method 간단하게 사용하면 이런 의미이다. 객체안에 담긴 데이터를 모두 뽑아낸다. 다음을 직접 디버그 찍어서 정말 그렇게 나오는지 확인 해 보겠다. 다음을 보면 확실히 forEach 의 기능이 다음과 같이 Object 형식으로 키/값 키/값 이런식으로 나오는것을 확인 할 수 있다. 즉, 너의 모든 데이터를 끄집어 낼게 이럴 때 사용하는게 좋은 것 같다. 하지만 사용하다보면 가공된 ? 즉, 내가 갖고싶은 데이터만 가져오게 할 수도 있다. 다시 forEach 앞으로 돌아가보자. 그렇기 때문에 apiClass 를 디버그 찍어놓으면 다음과 같이 배열을 따져 해당된 데이터를 가져오게 된다. 즉, api["설치"] 애 해당된 데이터를 forEac..

클릭 이벤트를 직접 주는 방법을 설명하고자 한다. onClick(); Method 일반적으로 addEventListener를 많이 사용해서 함수를 호출 하는 경우도 많지만 굳이 그렇게 사용하지 않고 직접적으로 호출 할 수 있다. 다음처럼 버튼 안에다가 onClick="함수명()" 이렇게 선언해주면 자동으로 자바스크립트 내의 함수를 호출 시킨다. 정말 잘 작동 되는것을 확인 할 수 있다. 개발자 모드에 들어가서 확인해보면 당연하게 함수를 잘 호출 하고 있다. 그리고 input 에도 사용 할 수 있다. To be continue..

자바스크립트를 중간에 멈추게 만들고 싶으면 console.stop(); 다음 이벤트를 사용하면 된다. Method 다음처럼 아래에 새로 만들어질 요소들이 있는데, console.stop(); 을 만나게 되면 아래로 넘어가지 않고 멈추지게 된다. 이제 여기서 진짜 콘솔스탑이 들어오게 되면 다음과 같이 작동을 하게되고 바로 끝나게 되는 프로세스가 나타난다. 그러면 다음과 같이 버튼이 하나 없어진것을 확인 할 수 있다. To be continue..

바로 들어가자 Method 간략하게 설명을 해보자면 contains 란 녀석은... 맞으면 실행, 틀리면 실행하지마 이런 역할을 하는 속성을 지녔다. contains contains 의 경우 삼항연산자를 굳이 사용하지 않아도 된다. 다음 처럼 if 문을 사용하여도 상관은 없다. on이 없으니까 innerHTML 에서 off 를 띄우고 on이 생기니까 참 값이니 on이 생긴다. To be continue..