Javascript15 [JS BOM] 자바스크립트로 URL 정보 가져오기 경로, 프로토콜, 포트 등 window.location 속성은 현재 페이지의 URL 정보를 포함하는 객체입니다. 이 객체에는 URL의 여러 조각에 대한 정보를 제공하는 여러 속성이 있습니다. href 속성은 전체 URL을 문자열로 반환합니다. window.location.href >> "https://www.sitepoint.com/premium/books/javascript-novice-to-ninja-2nd-edition/" 이 속성(이 섹션의 대부분의 다른 속성들도 마찬가지)은 읽기/쓰기 속성이므로 할당을 통해 변경할 수도 있습니다. 이렇게 할 경우 새 속성을 사용하여 페이지가 다시로드됩니다. 예를 들어, 다음과 같은 코드를 브라우저 콘솔에 입력하면 페이지가 google 페이지로 리디렉션됩니다. w.. 2023. 5. 29. [JS] json.data로 아코디언 메뉴 구현 웹사이트에서 자주 사용되는 아코디언 메뉴 입니다. 리액트나 뷰등 프론트엔드 프레임워크를 사용해서 UI를 구성하다보니 순수 자바스크립트로 작성하는걸 자꾸 잊는거 같습니다. 그래서 기록으로 남겨두려 작성했습니다. 외부 데이터를 사용하면서 UI를 생성하는 방식으로 작성 되었습니다. 고정된 데이터일 경우엔 HTML로 직접 데이터를 작성해서 마크업 하면 되지만 관리자 페이지 등에서 작성된 데이터를 불러올 경우 외부 데이터를 사용해야 하기 때문에 JSON파일을 붙이는 방법으로 제작했습니다. html UI를 JS에서 생성한후 적용하는 방식으로 제작했기 때문에 ID가 accordion인 div 요소만 만들어 주었습니다. css .header { background-color: #eaeaea; border: 1px so.. 2023. 5. 27. [JS] 자바스크립트로 엑셀 파일 만들기! xlsx 라이브러리 활용하여 엑셀파일 만들기 자바스크립트를 사용하여 엑셀을 만들 수 있습니다. 이를 위해서는 엑셀 파일 형식인 XLSX 파일을 생성하는 라이브러리인 "xlsx"를 사용하면 됩니다. xlsx 라이브러리는 xlsx 파일을 읽고 쓰고 변환하고 분석할 수 있으며, 엑셀의 다양한 기능과 형식을 지원합니다. xlsx 라이브러리는 브라우저와 Node.js에서 모두 사용 가능합니다. xlsx 라이브러리를 사용하려면 npm i xlsx 명령어로 설치하거나 dist 폴더에서 스크립트 파일을 다운로드할 수 있습니다. [ "xlsx" 라이브러리 엑셀파일 생성 예시 코드 ] // xlsx 라이브러리 불러오기 const XLSX = require('xlsx'); // 엑셀 파일 생성 const wb = XLSX... 2023. 5. 26. 이전 1 2 3 다음
