본문 바로가기

반응형

JavaScript

[React] JavaScript의 이벤트와 useEffect와 비교. JavaScript의 이벤트 실행과 React의 useEffect는 서로 다른 개념이지만, 둘 다 특정 작업을 트리거하는 방법을 제공합니다. 두 개념을 구분하기 위해 각각을 자세히 살펴보겠습니다.JavaScript의 이벤트JavaScript의 이벤트는 사용자 상호작용 또는 특정 시스템 이벤트에 응답하여 코드를 실행하는 메커니즘입니다. 예를 들어, 클릭, 키보드 입력, 폼 제출, 페이지 로드 등이 이벤트에 해당합니다. 이벤트 리스너를 사용하여 특정 이벤트가 발생할 때 실행할 코드를 정의할 수 있습니다.예제: 이벤트 리스너 사용 Click Me 위 예제에서는 버튼 클릭 이벤트가 발생할 때마다 경고 창을 표시합니다. 이는 이벤트 리스너를 사용하여 특정 이벤트를 감지하고 처리하는 방식입니다.React.. 더보기
[JavaScript] ES6 : 현대 JavaScript의 기초 JavaScript의 중요한 버전인 ES6(ECMAScript 2015)에 대해 알아보겠습니다.ES6는 JavaScript에 많은 새로운 기능을 도입하여 코드를 더 깔끔하고 효율적으로 작성할 수 있게 해 주었습니다. 초보자분들도 이해할 수 있도록 예제와 함께 설명해 드리겠습니다.1. let 과 constES6 이전에는 변수 선언을 위하 var 만 사용했습니다. ES6에서는 let과 const가 추가되었습니다.  • let : 블록 스코프 변수를 선언합니다. 값의 재할당이 가능합니다.  • const : 상수를 선언합니다. 한번 할당하면 재할당할 수 없습니다.let count = 1;count = 2; // 가능const PI = 3.14;PI = 3.15; // 오류 발생let과 const를 사용하면 변.. 더보기

반응형