인생은 양탄자의 무늬짜기

aixos 프로그레스 바 추가 방법 1. NProgress 설치 npm i nprogress # or yarn add nprogress 2. NProgress 사용 방법 aixos interceptor 실행 중, 종료, NProgress.start(); NProgress.done(); 예시 axios.interceptors.request.use( config => { NProgress.start(); // 프로그래스바 시작 return config; }, error => Promise.reject(error) ); axios.interceptors.response.use( response => { NProgress.done(); // 프로그래스바 완료 return ... }, error => { NPro..

slice 배열의 일부분을 추출하여 새로운 배열을 반환 원본 배열은 변경되지 않음 사용 방법 array.slice(startIndex, endIndex); startIndex - 추출 시작 인덱스 (포함). 음수 값이면 배열의 끝에서부터 카운트 endIndex - 추출 종료 인덱스 (제외). 생략하면 배열의 끝까지 추출. 음수 값이면 배열의 끝에서부터 카운트 예시 const numbers = [1, 2, 3, 4, 5]; const slicedNumbers = numbers.slice(1, 4); console.log(slicedNumbers); // [2, 3, 4] splice 배열에서 요소를 추가, 삭제 또는 교체하는데 사용 원본 배열을 수정함 사용 방법 array.splice(startIndex,..

isNaN() isNaN() 함수는 주어진 값이 "Not-a-Number"인지 여부를 판별하는 함수 전달된 값이 숫자가 아닌 경우 true를 반환, 숫자인 경우 false를 반환 예시 console.log(isNaN(123)); // 출력: false console.log(isNaN('Hello')); // 출력: true console.log(isNaN('123')); // 출력: false console.log(isNaN('123abc')); // 출력: true console.log(isNaN(NaN)); // 출력: true console.log(isNaN(null)); // 출력: false console.log(isNaN(undefined)); // 출력: true isNaN(123): 숫자 ..

CASE WHEN 조건문 CASE WHEN condition1 THEN result1 WHEN condition2 THEN result2 ... ELSE result END - WHEN과 THEN은 한쌍으로 존재 - WHEN 에 조건문 THEN 에 결과를 입력 - ELSE 절은 모든 조건이 거짓일 때 반환할 기본 값 - ELSE 절을 생략할 경우, 모든 조건이 거짓인 경우 NULL 반환 예시 SELECT quantity, price, CASE WHEN quantity >= 10 THEN '많음' WHEN quantity >= 5 THEN '보통' ELSE '적음' END AS quantity_category FROM orders;

MySQL SELECT DATE_FORMAT(date_column, '%Y-%m-%d') AS formatted_date FROM your_table; JPQL SELECT FUNCTION('DATE_FORMAT', date_column, '%Y-%m-%d') FROM YourEntity;

Required request parameter 'xxx' for method parameter type String is not present 에러 발생 원인 Controller에서 Prameter 값을 받아올 때 null이거나 Type이 맞지 않는 경우 발생 해결 방법 @RequestParam의 required 속성을 false로 설정하거나 null 을 받아오면 안되는 경우 파라미터로 넘겨주는 값을 확인해보기 @RequestParam의 required 속성은 default true임 예시 public List getSampleList(@RequestParam(value="customerNo", required=false) String customerNo) throws Exception { return..

Data truncation: Data too long for column 'XXX' at row 1 오류 발생 원인 데이터베이스에서 열(Column)의 크기보다 큰 데이터를 삽입하려고 해서 발생 해결 방법 1. 데이터 크기를 열의 크기와 맞추기 2. DB 컬럼의 크기를 늘려주기

url 파일 다운로드 javascript 혹은 react에서 파일 다운로드 하는 방법 예시 const handleDownload = async () => { // URL에서 GET 요청 보내기 fetch('다운로드 할 file url', { method: 'GET', }) // 응답 데이터를 블롭(Blob) 객체로 변환 .then((response) => response.blob()) .then((blob) => { // 블롭(Blob) 객체 생성하고 URL을 생성 const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); // 생성한 URL과 다운로드할 파일명 설정 link.setAttribute('hre..

CORS 오류 Access to fetch at '...' from origin '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 위의 오류가 뜨는 경우 S3 에서 CORS 설정을 해줘야 함 설정 방법 1. Amazon 로그인 2. S3 > 버킷 > 권한 탭 클릭 3. 스크롤을 내려 CORS > 편집 클릭 4. 설정 해준 뒤 변경 사항 저장 클릭 CORS 구성은 JSON 형식으로 해야함(XML 형식 X) [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET", "HEAD" ], "AllowedOrigi..

export 'default' (imported as 'XLSX') was not found in 'xlsx' 에러 원인 import XLSX from 'xlsx'; // 중략... const handleFileUpload = (event) => { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (e) => { const data = new Uint8Array(e.target.result); const workbook = XLSX.read(data, { type: 'array' }); // 첫 번째 시트를 가져옴 const worksheet = workbook.Sheets[workbook.SheetN..