JavaScript4 [왕초보JavaScript] 증감 연산자 왕초보를 위한 증감 연산자를 좀 더 쉽게 이해하기 증감 연산자 (increment and decrement operator) 증감 연산자는 피연산자를 1씩 증가하거나 1씩 감소시킬 때 사용하는 연산자고, 이 연산자는 피연산자가 단 하나뿐인 단항 연산자입니다. 라는 말과 함께 다음과 같은 표를 많이 보셨을 것입니다. *증감 연산자 쉽게 말하자면 전위 : 출력 전에 연산 / 후위 : 출력 후에 연산 10을 출력한 다음에 +1을 한다. | 출력 후에 +1을 하므로, 출력은 10, 현재number(변수)값은 11 11에 +1을 더한 후에 출력한다. | 출력 전에 +1을 하므로, 출력값은 12, 현재 number(변수) 값은 12 12를 출력한 후 -1을 한다. | 출력 후에 -1을 하므로, 출력값은 12, 현재.. 2019. 5. 11. [왕초보JavaScript] addEventListener() addEventListener()는 이벤트를 등록하는 가장 권장되는 방식으로, 하나의 이벤트를 만들어 두면, 각각의 다른 타깃에 동일한 이벤트를 적용할 수 있습니다. t라는 객체에 위와 같은 addEventLstener를 등록하면, [click]하면 두 번째 인자에 있는 함수가 실행됩니다. 위와 같이, 하나의 이벤트를 만들어 두고, 이것을 다른 타깃에 적용할 수 있습니다. 동일한 이벤트인데 위와 같은 함수를 여러 번 만들어서 사용해야 한다면 더 많은 시간을 들이고 더 긴 코드를 작성해야 할 것입니다. 더 자세한 내용이 궁금하시다면 생활코딩 오픈 튜토 리얼스를 방문해주세요 출처: https://www.opentutorials.org/course/1375/6761 2019. 5. 9. [왕초보JavaScript] insertAdjacentHTML 과 innerHTML의 차이 JavaScript에서 insertAdjacentHTML innerHTML의 차이를 설명하기 전에, 먼저 innerHTML과 insertAdjacentHTML에 대해서 알아보겠습니다. innerHTML innerHTML 속성은 JavaScript를 통해서 html의 content를 가져와서 그 값을 화면상에 보여주거나 직접 변경하여 보여주는 것을 말합니다. 다음의 예시를 보면 좀 더 이해하기 쉬울 겁니다. See the Pen arRYxZ by kim jihae (@saea) on CodePen. 우선, 저 문장을 해석하자면 다음과 같습니다. var x = / document / .getElementById("myP") / .innerHTML; var x = : "x라는 변수는 =뒤에 것을 의미해" do.. 2019. 5. 9. To do list in Javascript for beginners Javascript 공부를 위한 첫 프로젝트 - TO DO LIST 만들기 - 처음 시작하는 사람은 다양한 라이브러리를 배우는 것보단, vanilla JavaScript로 배우는 것이 추후 학습에 훨씬 도움이 된다고 합니다. 겉만 번지르르하냐, 그 언어의 기본기를 다지느냐의 차이라고 생각합니다. 학습을 위해 참고한 영상 https://youtu.be/b8sUhU_eq3g 2019. 5. 8. 이전 1 다음
