본문 바로가기

분류 전체보기647

[jQuery] 선택 요소의 좌표 .offset() .offset() 문서를 기준으로 요소의 현재 위치를 가져오는 데 사용됩니다. .offset()방법은 다음과 같이 사용될 수 있습니다. 요소가 처음 로드될 때 요소의 위치를 ​​가져옵니다. 스크롤되거나 애니메이션될 때 요소의 움직임을 추적합니다. 다른 요소를 기준으로 요소를 배치합니다. 좌표를 가져오기 다음 코드는 ID가 있는 요소의 위치를 ​​가져옵니다 var offset = $(myElement).offset(); console.log(offset.top); console.log(offset.left); 위치 설정하기 .offset()메서드를 사용하여 요소의 위치를 ​​설정할 수도 있습니다. 예를 들어 다음 코드는 ID가 있는 요소를 myElement문서의 왼쪽 상단으로 이동합니다. $(myEleme.. 2023. 9. 15.
[JS] 오디오파형 라이브러리 wavesurfuer.js wavesurfuer.js wavesurfuer.js 는 Web Audio API 및 HTML5 Canvas를 사용하는 사용자 정의 가능한 파형 오디오 시각화 라이브러리입니다. 브라우저에서 오디오 데이터와 시각적으로 상호 작용할 수 있는 유연한 방법을 제공합니다. 시작하기 패키지를 설치하고 가져온다 npm install --save wavesurfer.js import WaveSurfer from 'wavesurfer.js' 또는 라이브러리를 전역 WaveSurfer변수로 내보내는 UMD 스크립트 태그를 삽입하세요. wavesurfer 인스턴스를 생성하고 다양한 옵션을 전달합니다 . const wavesurfer = WaveSurfer.create({ container: '#waveform', waveC.. 2023. 9. 11.
[Linux][Unix] 기본명령어 리눅스/유닉스 운영체제의 기본명령어 구분 명령어 설명 시스템관련 uname -a 시스템의 모든 정보를 확인하는 명령어 시스템 이름, 사용중인 운영체제와 버전, 호스트명, 하드웨어 정보등을 표시 uname -r 운영체제의 배포버전을 출력하는 명령어 cat 파일의 내용을 화면에 출력하는 명령 uptime 시스템의 가동시간과 현재 사용자수, 평균부하량등을 확인하는 명령 사용자 id 사용자의 로그인명, id, 그룹 id등을 출력하는 명령어 last 시스템의 부팅부터 현재까지의 모든 사용자의 로그인과 로그아웃에 대한 정보를 표시하는 명령어 who 현재 접속 사용자 정보를 표시하는 명령어 파일처리 ls 자신이 속해있는 폴더 내에서의 파일 및 폴더들을 표시하는 명령어 pwd print working directory.. 2023. 9. 8.
[JS] 랜덤 컬러 생성하기 HEX COLOR CODE 색상코드 앞에 #과 뒤에 붙는 6자리 16진수(hex)로 나타내는 것으로 16진수에서 사용하는 숫자는 0부터 9까지의 숫자와 A, B, C, D, E, F입니다. HEX COLOR CODE 로 나타낼수있는 색상의 수는 16의 6승인 16,777,216가지입니다. 랜덤 컬러 생성 함수 function getRandomColor() { var letters = '0123456789ABCDEF'; var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.floor(Math.random() * 16)]; } return color; } 해당 함수는 임의의 16진수 (hex) 색상 코드를 생성합니다. letters는 1.. 2023. 9. 8.
[Windows] 기본 명령어 Windows 운영체제 기본 명령어 목록 명령어 설명 CMD Windows 명령 프롬프트 창을 열어줌 CD 현재 디렉터리 이름을 보여주거나 바꿈 DIR 현재 위치의 파일과 디렉토리 목록보기 HELP 명령어 도움말 보기 IPCONFIG 네트워크 설정상태 보기 MD [생성할폴더이름], MKDIR [생성할폴더이름] 디렉토리 생성 RD [삭제할폴더이름], RMDIR [삭제할폴더이름] 디렉토리 지우기 PATH 환경변수 path보기 DEL [삭제할파일명] 파일 삭제 COPY [복사할파일명] [복사할위치경로] XCOPY [복사할파일명] [복사할위치경로] 파일 복사 MOVE [파일명] [이동할위치경로] 파일 이동 RENAME [현재파일명] [변경후파일명] 파일 또는 디렉토리명 변경 [드라이브문자열]: 드라이브 변경 (.. 2023. 9. 7.
[JS] JSON의 키와 값을 다루는 다양한 메소드 자바스크립트에서 JSON의 키와 값을 다루는 다양한 메소드가 있습니다. 다음은 그 중 몇 가지를 정리하였습니다. Object.keys() Object.keys() 메소드는 객체의 키를 배열로 가져옵니다. JSON 객체의 키를 가져올 때 사용됩니다. const jsonObject = { name: "John Doe", age: 30, }; const keys = Object.keys(jsonObject); console.log(keys); 출력 : // [object Array] (2) ["name","age"] Object.values() Object.values() 메소드는 객체의 값을 배열로 가져옵니다. JSON 객체의 값을 가져올 때 사용됩니다. const jsonObject = { name: "J.. 2023. 9. 6.

티스토리툴바