◎ JavaScript
[JS] 자바스크립트에 Excel 데이터 가져오기 [SheetJS, 엑셀 파일 다루는 라이브러리]
- 자바스크립트로 Excel 데이터 가져오기 SheetJS는 로컬에 저장된 엑셀 파일을 다룰 수 있는 라이브러리이다. 이 라이브러리를 별도로 다운로드 받지 않고도 CDN을 통해 이용할 수 있다. GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs - GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sh..
[JavaScript] Date 객체 활용하여 날짜와 시간 출력하기 [자바스크립트 날짜, 시간 format 지정하기]
- Date 객체 활용하여 날짜와 시간 출력하기 // Date 객체를 생성 및 "YYYY-MM-DD"의 형태로 "2023-12-21" 을 전달 let nowDate = new Date("2023-12-21"); console.log(nowDate); // Thu Dec 21 2023 09:00:00 GMT+0900 // 값을 전달하지 않으면 현재 날짜 출력 let nowDate = new Date(); console.log(nowDate); // Sat Jun 03 2023 20:56:46 GMT+0900 - 월, 일, 요일 구하기 // Date 객체는 월을 표기할 때에는 1월을 0, 2월을 1, ..., 12월을 11로 표기한다. let nowDate = new Date(); let month = no..
[JavaScript] 배열과 객체의 구조 분해 할당 [배열이나 객체의 요소를 분해하여 각각의 변수에 할당]
- 배열과 객체 구조 분해 할당 구조 분해 할당 : 배열이나 객체를 분해해서 그 값들을 각각의 변수에 할당하는 자바스크립트의 표현식 1. 배열의 구조 분해 할당 1) 기본 변수 할당 // 배열에 담긴 값 let colors = ["green", "blue", "purple"]; // 구조 분해 사용 X let c1 = colors[0]; // "green" let c2 = colors[1]; // "blue" let c3 = colors[2]; // "purple" // 구조 분해 사용 O let [c1, c2, c3] = colors; // 결과는 동일하다. console.log(c1); // "green" console.log(c2); // "blue" console.log(c3); // "purpl..
[JavaScript] 반복문 for of와 for in [알아두면 유용한 자바스크립트의 또 다른 반복문]
- 반복문 for of와 for in 1. for of 배열의 모든 요소에 접근해야 될 때 사용되는 반복문 let arr = [1, 2, 3, 4, 5]; for (let i of arr) { console.log(i); } 2. for in 객체의 모든 프로퍼티를 순회하는 반복문 (지정한 변수에 해당 객체의 프로퍼티 key값이 저장) let person = { name: "홍길동", age: 25, height: 180, }; for (let key in person) { console.log(`${key} : ${person[key]}`); } - 참고자료 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의 웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내..
[JavaScript] 객체를 배열로 바꾸는 방법 [Object.keys(), Object.values(), Object.entries()]
- 객체를 배열로 바꾸는 방법 객체를 배열로 바꾸는 방법에 대해 알아볼 예정이다. (아래 person 객체를 배열에 담을 것이다.) let person = { name: "홍길동", age: 25, height: 180, }; console.log(person); // {name: "홍길동", age: 25, height: 180} 1. Object.keys() 매개변수로 받은 객체의 key들을 모두 찾아 배열의 형태로 반환하는 객체 매서드 // person 객체를 [key, key, ...] 형태의 배열로 변환 let newArray = Object.keys(person); // ["name", "age", "height"] for (let i = 0; i < newArray.length; i++) {..