본문 바로가기

javascript79

[javascript] 자바스크립트 해당 월의 주차 수 구하기 안녕하세요. 오늘은 지난번 해당 연도의 주차 수 구하기 (https://sancode.tistory.com/38)에 이어서 해당 월의 주차 수 구하는 방법을 포스팅하려고 합니다. 연도 기준으로 구하는 방법과 비슷합니다. 그럼 바로 시작하겠습니다. 1. getMonthOfWeek() 해당 월 기준의 주차 수 구하기 먼저 월 기준의 주차를 구하는 getMonthOfWeek() 함수를 만들었습니다. 구할 날짜를 인자값으로 받고, 인자값의 날짜 기준으로 해당 월의 1일을 세팅합니다. * 변수 설명 - currDate : 주차 수를 구할 기준 날짜 - firstDate : 해당 월에서 1일로 맞춘 연도의 첫 번째 날짜 - diffDate : 기준 날짜에서 해당월 날짜 뺀 날짜 (기준 날짜가 해당 월의 몇 번째 일.. 2023. 1. 7.
[javascript] 자바스크립트 쿠키 저장, 조회, 삭제 배우기 (Cookie) 안녕하세요. 오늘은 javascript document의 cookie를 사용하여 간단하게 데이터를 저장, 조회, 삭제하는 방법을 포스팅해보려고 합니다. cookie는 보통 웹서버에서 http 응답 헤더에 의해 브라우저(클라이언트)에 간단하게 데이터를 저장하는 기능입니다. 브라우저에 데이터를 저장하기 때문에 보안에 취약하지만 보안에 문제 되지 않는 데이터를 저장할 때에는 아주 유용하게 사용할 수 있습니다. 그럼 바로 예제로 확인해 보겠습니다. 1. setCookie, 쿠키 저장 /** * cookie 생성 */ function setCookie (name, value, expire) { // 날짜 expire 설정 const date = new Date(); date.setTime(date.getTime(.. 2023. 1. 6.
[javascript] 자바스크립트 해당연도의 주차수 구하기 안녕하세요. 오늘은 javascript의 주차 수 구하는 방법을 포스팅하려고 합니다. 자주 찾는 기능은 아니지만 한번씩 필요한 주차 수 구하는 함수입니다. 검색을 해보면 다양한 방법의 주차를 구하는 예제가 나와 있지만 저만의 색으로 만들어 봤습니다. 그럼 예제를 통해 설명하도록 하겠습니다. 1. getYearOfWeek() 해당 연도 기준의 주차 수 구하기 함수 명은 getYearOfWeek로 지었고, new Date() 기준으로 날짜를 받을 수 있도록 하였습니다. * 변수 설명 - currDate : 주차 수를 구할 기준 날짜 - firstDate : 해당 연도에서 1월 1일로 맞춘 연도의 첫 번째 날짜 - diffDate : 기준 날짜에서 해당연도 날짜 뺀 날짜 (기준 날짜가 해당 연도의 몇 번째 일.. 2023. 1. 6.
[vue] Vue3 + Apache Echarts - Pie 차트 만들기! 오늘은 Vue3 + Apache Echarts 라이브러리를 활용하여 Pie 차트를 만들고 정리해보려고 한다.Pie 차트는 데이터를 비교하고 분석하는 데 유용한 차트이며, Apache Echarts 라이브러리를 사용한다면 간단하고 쉽게 구현할 수 있다.Pie 차트의 개념과 특징Pie 차트는 데이터를 원형으로 표현하여 각 데이터 항목의 상대적인 비율을 시각적으로 나타내는 그래프다. 원형 표현Pie 차트는 원형으로 데이터를 표현하는 그래프이며, 전체 데이터를 100%로 보고 각 항목의 비율을 나타낸다. 각 항목이 전체에 대한 상대적인 비율을 한눈에 파악할 수 있도록 도와준다.비율 표시Pie 차트는 각 항목의 비율을 각각의 부채꼴 형태로 표현한다. 각 부채꼴의 중심 각도는 해당 항목의 비율을 나타내며,.. 2023. 1. 4.
jQuery .empty() .remove() (DOM 삭제하기) 오늘은 jQuery에서 요소를 비우거나 삭제할 때 많이 사용되는 empty()와 remove() 함수에 대해 정리해 보려고 한다. UI에서 동적으로 특정 요소를 비워주거나 삭제해줘야 하는 경우가 많이 있기 때문에 해당 함수에 대해서 알아두는 것이 좋다.두 함수는 모두 태그 요소를 삭제한다는 개념은 동일하지만 선택 요소가 포함되는지, 아니면 선택 요소의 하위 요소만 삭제하는지의 차이가 있다. 개념과 특징을 살펴보면서 알아보도록 하자.DOM 요소를 비워줘야 하는 이유UI의 DOM 요소를 비워줘야 하는 이유는 여러 가지 이유가 있다. 기능을 배우기 전에 이 작업을 왜 하는지에 대해서 한번 정리해 보고 접근한다면 훨씬 더 도움이 될 수 있다.메모리 관리웹 페이지에서 동적으로 생성되고 제거되는 요소들이 많.. 2023. 1. 3.
jQuery 태그 요소를 조회하는 closest(), find() 함수를 알아보자 오늘은 jQuery의 closest와 find 함수에 대한 내용을 주제로 글을 쓰려고 한다. 두 함수는 모두 태그 요소를 조회하기 위한 함수이며, children, parent 함수와 유사한 기능을 제공하고 있다. 간단하게 closest는 선택자 기준에서 가장 가까운 상위 요소를 찾고 다룰 수 있는 함수고, find는 선택자 기준에서 가장 가까운 하위 요소를 찾고 다룰 수 있는 기능이다. children, parent와 매우 유사하지만 사용법에 대해서 차이가 있기 때문에 차이점도 함께 확인해보도록 하자. closest() closest() 함수는 jQuery에서 제공하는 DOM 탐색 메서드 중 하나로써, 선택한 요소부터 시작하여 DOM 트리를 위로 올라가며 가장 가까운 상위 요소를 찾는 기능이다. 선택한.. 2023. 1. 2.

티스토리툴바