◎ JavaScript/JavaScript🦎

[JS] 현재 페이지 URL과 파라미터 가져오기 [URLSearchParams 객체 사용하여 parameter를 js 변수에 담기]

- 현재 페이지 URL과 파라미터 가져오기 1. 현재 페이지 URL 가져오기 // 현재 페이지의 URL 가져오기 window.location.href // https://yermi.tistory.com/?id=test&pw=1234 // 현재 페이지의 쿼리스트링만 가져오기 window.location.search // ?id=test&pw=1234 2. 현재 페이지 파라미터 변수에 담기 const url = new URL("https://yermi.tistory.com/?id=test&pw=1234"); // URLSearchParams 객체 사용 const urlParams = url.searchParams; // 각 파라미터 변수에 담기 let id = urlParams.get('id'); // te..

[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]}`); } - 참고자료 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의 웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내..