본문 바로가기
728x90
반응형
SMALL

javascript16

[js] 데이터 엑셀로 내려받기 먼저 FileSaver, xlsx.full 라이브러리 다운로드// 엑셀 다운로드 버튼 클릭 이벤트// 컬럼 이름과 필드를 지정합니다.var columns = [ { field: 'commGrp', title: '그룹' }, { field: 'commCd', title: '코드' }, { field: 'commNm', title: '코드명' }, { field: 'commRmk', title: '비고' }, { field: 'useYN', title: '사용여부' }, { field: 'regDtm', title: '등록일시' }, { field: 'regUsr', title: '등록자' }, { field: 'uptDtm', title: '갱신일시' }, .. 2024. 7. 22.
[js] 비동기 프로그래밍 자바스크립트는 기본적으로 단일 스레드로 동작하는 언어로, 비동기 프로그래밍을 통해 여러 작업을 동시에 처리할 수 있다. 비동기 프로그래밍은 주로 네트워크 요청, 읽기/쓰기, 타이머 등 시간이 오래 걸리는 작업을 효율적으로 처리하는 데 사용된다. 콜백함수// 비동기 프로그래밍의 가장 기본적인 형태// 특정 작업이 완료된 후 호출되는 함수// setTime을 사용하여 1초 후에 콜백 함수가 호출됨function fetchData(callback) { setTimeout(() => { callback("Data fetched"); }, 1000);}fetchData((data) => { console.log(data);});  프로미스// 콜백 지옥 문제를 해결하기 위해 도입된 개념으로, 비동기 작.. 2024. 7. 22.
[js] React/Angular/Vue.js React는 Facebook에서 개발한 자바스크립트 라이브러리로, 주로 사용자 인터페이스를 구축하는데 사용React는 컴포넌트 기반 아키텍처를 채택하고 있으며, 단방향 데이터 흐름을 특징으로 함장점 - 컴포넌트 재사용성 - 가상 DOM : DOM 조작을 최소화하여 성능을 개선 - Redux, React Router 등 강력한 상태 관리 및 라우팅 라이브러리 제공 - 광범위한 커뮤니티단점 - 초기 설정 복잡성 - 비교적 긴 학습 곡선 : JSX 문법과 상태 관리 패턴에 익숙해 져야함 Angular : Google에서 개발한 프레임워크로, TypeScript 기반 풀스택 솔루션양방향 데이터 바인딩, 종속성 주입 등 다양한 기능 제공장점 - 명확한 모듈화 - 양방향 데이터 바인딩으로 모델과 뷰 간의 데이터 동.. 2024. 7. 22.
[javascript] Promise Promise  - javascript에서 비동기 작업을 처리하기 위한 객체 - 비동기 작업이 성공적으로 완료되었는지, 실패했는지 또는 아직 진행 중인지를 나타내는 값 Promise는 다음 세 가지 상태를 가질 수 있음 - Pending: 비동기 작업이 아직 완료되지 않은 상태 - Fulfilled: 비동기 작업이 성공적으로 완료된 상태 - Rejected: 비동기 작업이 실패한 상태 Promise 사용const myPromise = new Promise((resolve, reject) => { const success = true; // 비동기 작업의 성공 여부를 나타내는 플래그 if (success) { resolve("The operation was successful!");.. 2024. 7. 12.
728x90
반응형
LIST

티스토리툴바