개발/Javascript

[Javascript] 배열 누적값 만들기/ Object 누적값 만들기

안녕하세요. 개발자 Jindory입니다. 오늘은 Javascript의 배열값의 누적 값을 만드는 방법에 대해서 글을 작성해보려고 합니다. 자바스크립트에서는 배열의 누적 합계를 간편하게 구할 수 있도록 내장 메서드인 reduce()를 제공합니다. 콜백 함수를 이용해 원하는 계산식, 또는 원하는 로직을 추가로 적용할 수 있기 때문에 누적 합(또는 다른 누적 결과)을 얻을 수 있습니다. 배열 누적합 구하기 누적 합을 구하는 메서드는 reduce()를 사용합니다. reduce 파라미터와 사용법은 아래와 같습니다. Array.reduce(누적용변수, 현재요소변수, 현재인덱스(생략가능), 원본배열(생략가능))=>{ return 누적 반환값(누적계산식); }, 누적결과용변수초기값); 예시) let num = [1,2..

[Javascript] Selectbox에 동적으로 연도 데이터 추가하기

안녕하세요. 개발자 Jindory입니다. 오늘은 Selectbox에 동적으로 연도 데이터를 추가 및 변경하는 방법에 대해서 알아보고자 합니다. 데이터 생성 및 셋팅하는 방법은 아래와 같은 절차로 진행합니다. HTML에 연도가 들어갈 데이터 만들기 먼저 아래와 같이 HTML파일을 만들어서 연도 데이터가 들어갈 수 있도록 Selectbox를 만듭니다. Year Javascript로 데이터 추가 및 셋팅하기 이제 javascript를 통해 아래의 절차에 따라서 연도 데이터를 생성 및 셋팅해보도록 하겠습니다. 현재 날짜를 가져와서 연도 정보만 추출하여 year로 저장한다. year 정보를 getYear함수에 전달하여 10년치 데이터를 생성하도록 한다. 현재 옵션에 있는 데이터들을 초기화 한다. 선택된 연도 기준..