반응형 개발/javascript15 [javascript] 최고의 토스트 알림 라이브러리 9종 Toast Notification 주로 시스템 메시지 알림에 사용되며, 사용자에게 방해가 되지않고 시스템의 상태를 계속 알려줄 수 있습니다. 1. 심플한 반응형 알림 notie.js [ 데모 ] [ 다운로드 ] 2. 매우 작고 사용이 간편한 라이브러리 notyF [ 데모 ] [ 다운로드 ] 3. 간단한 Vanilla javascript Toastify [ 데모 ] [ 다운로드 ] 4. 순수 javascript로 안드로이드 스타일 native-toast [ 데모 ] [ 다운로드 ] 5. Vanilla javascript 토스트 스타일 웹 알림 Vanilla Toasts [ 데모 ] [ 다운로드 ] 6. 사용자 지정 토스트 알림을 위한 javascript 플러그인 Simple Notify [ 데모 ] [ 다.. 2023. 2. 19. [javascript] 날짜, 시간, 요일, 시계 Data 객체를 이용한 날짜 가져오기 getFullYear() 연도 getMonth() 월 (0부터 시작, 0 - 1월, 1 - 2월, ... 11 - 12월) getDate() 일 getHours() 시간 (0 ~ 23, 24시간 기준, 밤 10시는 22) getMinutes() 분 (0 ~ 59) getSeconds() 초 (0 ~ 59) getMilliseconds() 밀리초 getDay() 요일 (0 ~ 6, 0:일요일 ~ 6:토요일) getLocaleString() ex) 2020.12.29. 오후 10:24:23 toLocaleDateString() ex) 2020.12.29. toLocaleTimeString() ex) 오후 10:24:23 PS. setXXX 메소드를 사용하여 날짜를 지정할.. 2021. 1. 18. [javascript] 객체 선언, 복사, 변경 객체 초기화 구문 설명 {} 초기화 {키:값, 키:값, ...} 초기화 객체[키] 값 가져오기 객체.키 값 가져오기 객체[키] = 값 값 변경 객체.키 = 값 값 변경 예제 // 빈 객체 const object = {}; // 객체 선언과 함께 값 세팅 const testData = { id: 1, name: 'name1', data: '데이터' }; // 값 확인 console.log(testData.id); console.log(testData['name']); // 값 변경 testData.id = 2; testData['name'] = 'name2'; // 여러 데이터를 가진 객체선언 const response = { result: true, list: [ {id:1, name:'이름1', dat.. 2021. 1. 18. [javascript] 배열 정리 javascript 배열 정리 배열 안의 내용을 출력하거나 순서대로 체크하고 싶을 경우 1. forEach 예제 /** *============ * String 배열 *============ */ const array = ['커피','주스','녹차']; array.forEach((value, index) => { //인덱스와 값을 순서대로 출력 console.log(index, value); }); //결과 0 "커피" 1 "주스" 2 "녹차" array.forEach((value, index) => { // 커피만 출력 if (value === '커피') console.log(index, value); }); //결과 0 "커피" /** *============ * 객체 배열 *============ .. 2021. 1. 18. [javascript] 문자열 길이 맞추기 padStart, padEnd padStart(전체길이, '추가문자열'); padEnd(전체길이, '추가문자열'); '1'.padStart(5, '0'); --> 00001 '10'.padStart(5,'0'); --> 00010 '1'.padEnd(3, '0'); --> 100 '10'.padEnd(3, '0'); --> 100 '1'.padStart(3); --> 1 (1앞에 공백문자3개 추가) 공백문자를 활용한 디지털 시계 표현 : : 2021. 1. 18. [javascript] 랜덤값 구하기 crypto.getRandomValues() 보통 자바 스크립트로 랜덤값을 구할때는 Math.random() 을 사용한다. Math.random()은 0에서 1보다 작은 값의 부동소수점을 리턴한다. ex)0.4645817650490742 crypto.getRandomValues()를 사용하여 16비트, 32비트 등의 랜덤 숫자가 들어간 배열을 구할 수 있다. ex) crypto.getRandomValues(new Uint8Array(1)); // 8비트 랜덤 배열 1개 crypto.getRandomValues(new Uint8Array(2)); // 8비트 랜덤 배열 2개 crypto.getRandomValues(new Uint16Array(3)); // 16비트 랜덤 배열 3개 crypto.getRandomValues(new Uint32Array.. 2021. 1. 18. 이전 1 2 3 다음 반응형
