月亮

ckeditor을 사용하면서 에디터의 리턴 결과물이 html인데, html의 경우 스타일까지 모두 보여주면서 워드파일로 만들어야 할 일이 생겼다. 단, 주의 할 점은 모든 스타일은 인라인 스타일로 해야한다! 그것만 주의 하면 글꼴 스타일 빼고는 전부 css가 잘 적용되는거 같다! ​ 팁) 아래의 html 코드로 page-break를 임의로 설정할 수 있다. 간단하게 작성 할 수 있다. const createWord = (fileName, title) => { const header = "" + ""; const contents = 'This is the initial content of the editor.content of the editor content of the editor content of ..

1. setTimeout 설명 : 기존 동작이 한번 일어난다. 사용방법 : var SETTIMEOUT_NAME = setTimeout(FUNCTION, TIME); 실행중인 루프 종료 방법 : clearTimeout(SETINTERVAL_NAME); 2. setInterval 설명 : 기본 동작이 반복적으로 일어난다. 사용방법 : var SETINTERVAL_NAME = setInterval(FUNCTION, TIME); 실행중인 루프 종료 방법 : clearInterval(SETINTERVAL_NAME); [ 공통 ] - SETINTERVAL_NAME : 실행중인 루프(반복)를 종료시킬 때 사용함 - FUNCTION : 루프로 실행할 함수 - TIME : 루프되는 시간 [ 차이점 ] setTimeout..

https://elena90.tistory.com/85 위의 링크 블로그글을 복사했다. 블로그 주인분께 감사 🙏 앞으로도 잘 쓸 것 같아서 블로그에 올려두기ㅎㅎㅎ 작업순서 1. param : 파일명 2. 뒤에서 부터 '.'를 찾는다. lastIndexOf('.') : 파일명에 '.'이 포함될 수도 있기 때문에 뒤에서 부터 찾으면 오류 없이 찾을 수 있음 3. subString()을 이용하여 확장자 추출 , 소문자 변환 /** * 파일명에서 확장자명 추출 * @param filename 파일명 * @returns _fileExt 확장자명 */ function getExtensionOfFilename(filename) { var _fileLen = filename.length; /** * lastIndexO..

객체 객체(Object)는 이름-값 쌍으로 구성된 데이터를 저장합니다. 즉, 객체는 프로퍼티(Property)의 집합이라고 할 수 있습니다. 객체는 중괄호({})로 표현하며, 프로퍼티는 "이름: 값" 형태로 정의 const person = { name: "John", age: 30, gender: "male" }; 배열 배열(Array)은 값의 집합을 저장합니다. 즉, 배열은 값(Value)의 집합이라고 할 수 있습니다. 배열은 대괄호([])로 표현하며, 값은 쉼표로 구분하여 정의 배열은 인덱스(Index)를 사용하여 값을 가져올 수 있으며, 배열의 길이를 알 수 있는 length 프로퍼티를 제공합니다. 객체와는 달리, 배열은 값의 순서가 유지되며, 값을 추가하거나 삭제할 수 있습니다. const fru..

JSON이란? 자바스크립트 객체를 표현하기 위한 문자열 기반의 데이터 교환 형식 JavaScript에서 객체를 표현하는 방식을 기반으로 만들어짐 웹 서버와 웹 클라이언트 간 데이터교환을 위한 표준 포맷으로 널리 사용된다. JSON은 JavaScript에서 파싱 하기 쉽도록 간결하고 구조화된 형식으로 데이터를 표현하기 때문에 웹 애플리케이션에서 데이터를 주고받을 때 많이 사용된다. 가독성이 좋고, 크기가 작아서 데이터 전송에 용이하며, 프로그래밍 언어와 플랫폼에 독립적이어서 매우 유용하다. 기본 데이터 타입인 문자열, 숫자, 불리언, null, 배열, 객체 등을 모두 지원한다. 자바스크립트에서 객체는 중괄호({})로 감싸진 key-value 쌍의 집합으로 표현되지만, JSON에서는 이를 문자열 형태로 표현..

1. localstorage란? 웹 브라우저에서 제공하는 클라이언트 사이드 저장소 웹 애프리케이션에서 데이터를 브라우저에 저장하고 다른 페이지에서도 접근 가능하게 할 수 있다. localstorage는 `key - value` 형태로 데이터를 저장하며, 저장된 데이터는 브라우저가 닫혀도 유지된다. 이러한 특징 때문에 웹 애플리케이션에서 사용자 정보, 설정 값, 쇼핑카드 등을 저장하기에 적합하다. localstorages는 javascript의 API로 다음과 같이 사용 할 수 있다. localStorage는 일반적으로 5-10MB의 용량을 제공하며, 서버와의 통신이 필요하지 않으므로 더 빠르고 경제적이다. 하지만 브라우저에서 데이터를 직업 다루기 때문에 보안에 취약할 수 있으므로, 민감한 정보를 저장하는..