이야기앱 세상

자바스크립트를 이용해서 숫자 세자리 쉼표 지정하기 1. toLocaleString() 메서드 이용하기 toLocaleString(locale,option) 메서드에서 매개변수를 지정하지 않으면 default 값이 설정 let number = 1234567; console.log(number.toLocaleString()); 결과 : 1,234,567 로케일 설정 (국가 및 언어 설정) let number2 = 1234567; console.log(number2.toLocaleString('ko-KR'));//한글-한국 결과 : 1,234,567 옵션 지정 let number2 = 1234567.5678; console.log(number2.toLocaleString(undefined,{maximumFra..

자바스크립트를 이용해서 업로드 이미지 사이즈(넓이, 높이) 구하기

CKEditor5에서 입력하는 값을 읽거나 값을 셋팅하기 위해서는 에디터 사용시 명시하는 script를 살펴보자 아래 명시한 스크립트에서 window.editor = editor; 라는 표현이 있는데 editor 를 window.editor에 대입하고 있다. 따라서 값을 읽을 때는 window.editor.getData()를 사용하고 값을 셋팅할 때는 window.editor.setData()를 사용하면 됩니다. 예를 들어 입력한 데이터를 초기화하고 싶으면 window.editor.setData(''); 라고 명시하면 초기화 된다.

자바스크립트를 이용해서 스크롤을 DIV의 맨 아래로 이동하게 처리할 수 있다. 자바스크립트를 이용한 경우 jquery를 이용한 경우

setTimeout 사용시 Uncaught TypeError: Illegal invocation이 발생할 경우 setTimeout(function,delay)는 지정한 시간이후 매개변수로 전달되는 함수를 실행하는 함수이다. 1. 함수명을 setTimeout의 매개변수에 지정해서 사용할 수 있다. function check(){ alert("실행"); } setTimeout(check,300); 2. 익명함수를 setTimeout의 매개변수에 지정해서 사용할 수 있다. setTimeout(function(){ alert("실행"); },300); 3. 화살표 함수를 이용해서 지정 setTimeout(()=>alert("실행"),3000); 4. setTimeout 사용시 Uncaught TypeError:..

CKEditor5 다운로드 및 사용법 CKEditor는 게시판에서 글자의 크기, 굵기, 글씨체 지정, 표 작성, 이미지 업로드 처리 등 게시판에 글 작성을 편하게 해주는 기능을 제공해준다. CKEditor5 웹사이트 https://ckeditor.com/ckeditor-5/ Rich text editor of tomorrow | CKEditor 5 Easy to customize rich text editor with a powerful framework, a modular architecture, and modern features like collaborative editing. ckeditor.com CKEditor5 설치 예시 CKEditor5 다운로드하기 https://ckeditor.com/c..

javaScript를 이용해서 접속한 기기가 PC 또는 모바일인지 확인하기PC인지 모바일인지 확인하기

jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 스크롤시 로고 영역은 스크롤되지만 메뉴는 상단에 고정한 후 내용은 계속 스크롤 처리하게 할 수 있다. 메뉴의 수직 위치를 측정해서 스크롤바의 위치가 메뉴의 수직 위치보다 크면(스크롤바의 위치가 아래일 경우) 메뉴 영역이 고정되게 처리한다. jQuery의 .offset() 메서드를 이용해서 선택한 태그의 위치를 알아낸다. [스타일을 표시 부분] [스크립트 표시 부분] [HTML 태그 표시 부분] 회사소개 상품정보 오시는 길 [스크롤하기 전] [스크롤한 후]