javascript30 [javascript] 자바스크립트 날짜 포맷 알아보자! (date format, date parse) 오늘은 자바스크립트의 날짜 포맷 관련해서 정리해보려고 한다. 자바스크립트의 기본 함수인 Date()를 이용해서 간단하게 문자열 형식의 데이터를 date 형태의 날짜로 변환하는 것을 날짜 포맷이라고 한다. 소프트웨어 개발을 하다 보면 데이터의 형식을 변경하는 작업은 항상 필요한 작업이며, 날짜 역시 자유롭게 포맷과 파싱을 할 수 있어야 한다. Date format의 개념 자바스크립트에서 날짜를 포맷하는 것은 날짜를 원하는 형식으로 변경하는 과정이다. 이는 날짜 객체의 값을 문자열로 변환하여 특정 형식에 맞게 출력하는 것을 의미한다. Date 객체 자바스크립트에서 날짜와 시간을 다루는 데에 가장 기본이 되는 내장 객체다. Date 객체는 날짜와 시간 정보를 나타내는 데 사용되며, 이를 이용하여 다양한 연산을.. 2022. 12. 30. [javascript] 자바스크립트 getElementsByName 배워보자! 오늘은 자바스크립트의 getElementsByName 함수에 대해서 정리해 보려고 한다. 이 함수는 HTML 문서 내에서 특정한 이름 (name)을 가진 모든 요소들을 가져오는 기능이며, 주로 폼(form) 요소나 일부 다른 요소들을 선택하는 데 활용된다. getElementById, getElementsByClassName 등의 함수들과 더불어 태그 속성값에 의해 호출하고 다룰 수 있는 함수다. getElementsByName 함수의 개념 getElementsByName 함수는 HTML 문서 내에서 특정한 이름(name)을 가진 모든 요소를 선택하는 자바스크립트 함수다. 이 함수는 문서 객체 모델(DOM)을 사용하여 문서 내의 요소들을 탐색하고 선택할 때 유용하게 활용된다. 함수의 선택 기준은 이름(n.. 2022. 12. 29. [javascript] 자바스크립트 getElementsByTagName 배워보자! 오늘은 자바스크립트의 기본 내장 함수인 getElementsByTagName에 대해서 정리해 보려고 한다. 이름에서도 알 수 있듯이 DOM 요소의 태그 명을 기준으로 요소를 조회하고 다룰 수 있는 기능이다. getElementsByTagName 메서드 getElementsByTagName 메서드는 Document 객체의 메서드 중 하나로, 특정 태그 이름에 해당하는 모든 요소를 포함하는 HTML을 반환한다. 이 메서드는 Document 내에서 특정 태그 이름을 가진 모든 요소를 선택할 때 사용되며, 반환된 HTMLCollection은 실시간으로 업데이트되는 살아 있는 객체이므로, DOM의 변경에 따라 업데이트된다. 메서드의 특징 태그 이름으로 요소 선택하기 getElementsByTagName 메서드는.. 2022. 12. 29. [javascript] 자바스크립트 date parse 날짜 파싱 배우기 (date to string) 오늘은 자바스크립트에서 날짜 데이터를 다루는 방법에 대해서 정리해 보려고 한다. 날짜 파싱은 date 형태의 값을 문자열 형태의 원하는 포맷 형식으로 변경하는 방법이다. 날짜 관련한 기능은 화면 개발에서 빼놓을 수 없는 부분 중 하나인데, 특히 날짜 포맷 처리하는 방법은 매우 중요한 부분이다. Date to string parsing 자바스크립트에서 date 형태의 날짜를 문자열 형태의 원하는 포맷으로 변경하는 것이며, 화면에서 날짜 데이터를 표현할 때에는 날짜 포맷이 맞지 않은 경우에는 원하는 문자열 형태의 포맷으로 변경을 해줘야한다. 자바스크립트에서는 Date 객체를 사용하여 날짜와 시간을 나타내며, 이 객체에는 다양한 메서드가 있어 날짜를 원하는 형식의 문자열로 변환할 수 있다. Date 객체에서.. 2022. 12. 27. [javascript] 이벤트 전파 막기 (preventDefault, stopPropagation) 오늘은 자바스크립트의 기능 중 이벤트의 전파와 관련된 preventDefault와 stopPropagation에 대해서 정리해 보려고 한다. 이벤트 전파를 막는 것은 웹 애플리케이션에서 중요한 기능 중 하나다. 이벤트 전파에 대해 처리를 제대로 하지 않고 기능을 구현한다면 잠재적인 오류가 빈번히 발생할 수 있고, 중복된 이벤트가 발생하여 서비스의 성능이 문제가 될 수 있다. 특히 UI를 담당하는 자바스크립트를 학습하고 있다면 자바스크립트는 동적인 처리를 많이 하기 때문에 반드시 이벤트 전파에 대한 내용을 숙지하는 것이 중요하다. 이벤트 전파란? 자바스크립트에서 이벤트 전파란 한 요소에서 발생한 이벤트가 그 요소의 부모나 자식 요소에 전달되는 현상을 말한다. 캡처링 단계 (Capturing phase) 이.. 2022. 12. 25. [javascript] setInterval, clearInterval ( +setTimeout 차이점) 알아보자! 오늘은 자바스크립트의 내장 함수 중 시간을 다루는 setInterval과 clearInterval 함수에 대해서 알아보려고 한다. 지난번에는 setTimeout 함수에 대해 알아보았는데, 유사하지만 다른 특징이 있기 때문에 setInterval에 대해서도 정리해보려고 한다. setTimeout 함수는 지정된 지연 시간이 지난 후 1회만 실행되고 종료되지만, setInterval은 지정된 시간이 지날 때마다 주기적으로 실행이 되는 차이점이 있다. 그렇기 때문에 상황에 따라서 setTimeout을 사용할지, 아니면 setInterval을 사용할지 고려하고 사용하는 것이 중요하다. setInterval setInterval 함수는 일정한 시간 간격마다 지정된 함수를 반복적으로 실행하는 자바스크립트의 타이머 함.. 2022. 12. 24. 이전 1 2 3 4 5 다음
