본문 바로가기

Javascript/javascript20

[javascript] 자바스크립트 함수 이벤트 전파 막기 안녕하세요! 오늘은 자바스크립트 함수를 사용할 때 발생하는 이벤트 중복 현상을 방지하는 방법에 대해 정리해 보려고 합니다. 이벤트 중복은 때때로 웹 개발에서 문제가 발생할 수 있는 상황 중 하나입니다. 이를 방지하기 위해 자바스크립트에서 제공하는 두 가지 기능인 preventDefault와 stopPropagation에 대해 알아보겠습니다. 이벤트 전파 자바스크립트에서 이벤트 전파란, 웹 페이지의 요소에서 발생한 이벤트가 상위 요소로 전파되는 과정을 말합니다. 이벤트 전파는 크게 두 가지 방식으로 동작하는데, 이를 이벤트 버블링(Event Bubbling)과 이벤트 캡처(Event Capturing)라고 합니다. 이벤트 버블링 (Event Bubbling) - 이벤트 버블링은 하위 요소에서 발생한 이벤트.. 2023. 8. 3.
[javascript] 자바스크립트의 기본 문법과 구문 안녕하세요! 오늘은 자바스크립트의 기본 문법과 구문에 대해서 간략하게 정리해 보려고 합니다. 자바스크립트는 웹 개발을 비롯하여 다양한 분야에서 널리 사용되는 프로그래밍 언어로, 브라우저에서 동적인 웹 페이지를 구현하고 서버 사이드에서도 활용됩니다. 이러한 중요성과 활용성으로 인해 자바스크립트를 잘 이해하고 활용하는 것은 개발자에게 매우 중요합니다. 자바스크립트의 핵심적인 기본 문법으로는 변수, 조건문, 반복문, 함수, 객체, 클래스, 배열, 비동기 처리 등이 있습니다. 기본 문법들은 어떤 특징이 있는지 정리해 보도록 하겠습니다. 변수와 자료형 자바스크립트에서는 크게 변수와 자료형으로 정리할 수 있습니다. 1. 변수 (Variables) 변수는 데이터를 저장하는데 사용되는 식별자입니다. var, let, .. 2023. 8. 2.
[javascript] 자바스크립트 해당연도의 주차수 구하는 방법 안녕하세요! 이번 포스팅에서는 자바스크립트에서 특정 연도의 주차 수를 구하는 방법에 대해 알아보려고 합니다. 자바스크립트에서 주차 수를 계산하는 것은 시간적인 정보를 다루는데 매우 유용하며, 특히 날짜와 시간을 다루는 웹 애플리케이션에서 많이 활용되는 기능 중 하나입니다. 자주 사용하진 않지만 가끔씩 업무에서 상황에 따라 필요한 경우가 있습니다. 그럼 주차수를 구하는 방법을 예제를 통해서 정리해 보도록 하겠습니다. 해당연도 주차수를 구하는 함수의 활용 1. 업무 일정 관리 특정 프로젝트나 업무의 일정을 주차별로 구분하여 관리할 때 사용할 수 있습니다. 특정 날짜가 해당 연도의 몇 주차에 해당하는지 알면 일정 관리에 용이합니다. 2. 레포트 작성 데이터를 분석하고 리포트를 작성할 때, 주차별로 데이터를 구.. 2023. 8. 1.
[javascript] 자바스크립트 날짜 포맷 date format 알아보기 안녕하세요! 오늘은 자바스크립트에서 날짜 형식의 데이터를 다루는 방법에 대해 포스팅하려고 합니다. 자바스크립트에서는 날짜를 다루는 데에 유용한 내장 객체인 Date 객체를 사용합니다. 이 객체를 활용하여 날짜 데이터를 원하는 형식으로 포맷하는 방법과 문자 형식의 데이터를 다시 날짜 형식으로 변환하는 방법을 알아보겠습니다. 날짜 형식의 데이터를 처리하는 경우, 데이터의 형식에 따라 문자열로 변환하거나 날짜 객체로 변환하는 작업이 필요합니다. 이러한 기능들을 효율적으로 활용하여 데이터를 다루는 방법을 정리해 드리겠습니다. 그럼 함께 자바스크립트에서 날짜 데이터를 처리하는 방법을 알아보도록 하겠습니다. Date Format 이란? 자바스크립트에서 Date 객체를 사용하여 날짜를 다룰 때, 날짜 데이터의 포맷을.. 2023. 7. 30.
[javascript] 자바스크립트 Promise 알아보기 안녕하세요! 오늘은 자바스크립트의 내장 함수인 Promise에 대해 포스팅하려고 합니다. 프로미스는 자바스크립트에서 비동기적인 작업을 처리하고 처리 결과를 다루는데 유용한 기능입니다. 자바스크립트를 초창기 개발했을 때는 프로미스와 같은 기능이 없었기 때문에 비동기 작업을 처리할 때 콜백 함수를 중첩해서 사용해야 하는 "콜백 지옥"이라고 불리는 복잡한 상황이 종종 발생했습니다. 하지만 Promise가 공식적으로 도입되면서 콜백 지옥을 탈출할 수 있는 방법이 생겨났습니다. Promise는 비동기 작업을 보다 간결하고 직관적으로 처리할 수 있도록 도와주는 객체입니다. Promise를 사용하면 비동기 작업의 성공 또는 실패를 처리하는데 용이하며, 연속적인 비동기 작업을 보다 가독성 좋게 처리할 수 있습니다. 또.. 2023. 7. 29.
[javascript] 자바스크립트 isNaN 함수 정리 안녕하세요! 오늘은 자바스크립트의 기본 내장 함수인 isNaN 함수에 대해 자세히 포스팅하려고 합니다. 자바스크립트를 이용하여 개발을 하다 보면 사용자 인터페이스(UI)에서 숫자형 데이터를 판별하는 상황이 빈번하게 발생합니다. 이럴 때 저 또한 isNaN 함수를 자주 활용하고 있습니다. isNaN 함수는 "Is Not a Number"의 줄임말로, 주어진 값이 숫자가 아닌지를 확인하는 역할을 합니다. 이 함수의 특징과 사용 방법을 하나씩 정리해 보도록 하겠습니다. IsNaN 함수의 특징 1. isNaN 함수는 주어진 값이 숫자가 아닌 경우 true를 반환하고, 숫자인 경우 false를 반환합니다. 2. 숫자가 아닌 경우, NaN(Not a Number) 값을 반환합니다. 3. NaN은 자바스크립트의 특수.. 2023. 7. 27.

티스토리툴바