원본: addEventListener 메소드 – 자바스크립트 이벤트 리스너 예제 코드 자바스크립트의 addEventListener() 메소드를 사용하면 버튼을 클릭하여 이벤트가 발생할 때 호출할 함수를 지정할 수 있습니다. 이 포스트에서는 addEventListener() 메소드를 사용하는 방법을 알아보겠습니다. 이벤트와 이벤트 핸들러의 이해 사용자 또는 브라우저가 페이지를 조작하면 이벤트가 발생합니다. 이를 활용해 웹 페이지 요소를 동적으로 변경할 수 있으므로 이벤트는 중요한 역할을 맡고있습니다. 예를 … Read more
원본: HTML Button onclick – JavaScript Click Event Tutorial 웹 사이트를 방문할 때 마다 링크나 버튼 같은 것을 클릭합니다. 링크는 페이지의 특정 부분이나 다른 페이지로 이동합니다. 반면 버튼은 자바스크립트 이벤트에 의해 조작되어 특정 기능을 실행하게 할 수 있습니다. 이 포스트에서는 두 가지 방법을 사용하여 클릭 이벤트를 실행하는 방법을 알아보겠습니다. 먼저 HTML 코드에서 바로 작성할 수 … Read more
원본: RegExp 정규 표현식 객체를 사용하여 이메일 검증하기 웹 개발자로서 사용자의 다양한 입력을 검증하는 것은 매우 중요한 작업입니다. 이 입력 값은 클라이언트와 서버 사이 통신의 시작점이 되기 때문에 모든 것이 올바른 값 이어야 할 필요가 있습니다. 또한 사용자 입력 값이 악의적일 수 있기 때문에 보안 요소도 고려해야합니다. 프론트 엔드에서 부터 입력 값의 유효성을 검사하여 문제를 최대한 … Read more
원본: How to Merge Arrays in JavaScript – Array Concat 자바스크립트로 배열 작업 시 여러 배열을 병합해야하는 경우가 있습니다. 이는 서로 다른 소스에서 온 관련 데이터를 하나의 단일 배열로 합쳐야 하는 경우를 예로 들 수 있습니다. 이렇게 배열을 합치는 방법은 여러가지가 있습니다. 이 포스트에서는 복잡한 방법부터 간단한 방법까지 3 종류의 방법을 알아보겠습니다. 1. Array.concat 메소드로 … Read more
원본: https://www.freecodecamp.org/news/how-to-add-numbers-in-javascript-arrays/ 자바스크립트의 배열은 하나의 변수에 여러개의 값을 순서대로 저장하고 다양한 방법으로 값을 조작하게 해주는 객체입니다. 이 포스트에서는 여러 가지 방법으로 주어진 배열에 있는 모든 숫자의 합계를 계산하는 방법을 알아보겠습니다. 다음 방법을 사용해 배열에 있는 모든 숫자의 합계를 찾는 방법을 알아보겠습니다: 자바스크립트 for 루프를 사용해 배열의 합계 얻기 가장 간단하게 배열에 있는 모든 숫자의 합을 … Read more
원본: https://www.freecodecamp.org/news/reduce-f47a7da511a9/ 자바스크립트의 reduce 메소드는 함수형 프로그래밍의 기본 중 하나입니다. 어떻게 작동하는지, 언제 사용해야 하는지, 어떤 일을 할 수 있는지 하나하나 살펴보겠습니다. reduce 메소드 기본 이 메소드로는 돈의 액수가 나열된 배열이 있고 그 금액을 모두 더하고 싶을 때 사용할 수 있습니다. 개발자 도구에서 코드를 실행하면 위의 화면과 같은 결과를 얻을 수 있습니다. 사용 방법: ES5 … Read more