JavaScript19 [Javascript] sort 배열 정렬 (오름차순, 내림차순, 날짜 정렬, 객체 배열 정렬, 효율성) [ 서론 ] 평소 내가 개발 및 관리하는 대부분의 구조는 Back 단과 Front 단이 나뉘어저 있다. Back 단은 jar 파일로 되어있어 한 글자라도 수정을 해야 하는 경우 서비스를 내렸다가 다시 올려야 하는 불편함이 있다. 이번에는 데이터를 정렬하는 문제가 있어 수정해달라는 간단한 문제가 있었다. 물론 데이터를 정렬하는데 있어 백엔드에서 해야 성능 효율성, 데이터 전송 및 네트워크 효율성, 보안 등 훨씬 좋지만 정렬 데이터가 많아야 10개 뿐인데 백엔드를 수정하기 싫어 그냥 프론트단에서 바꾸자 마자 바로 적용될 수 있는 방법을 수행하였다. [ 코드 예제 ] 해당 체널값을 출력해주는 프론트 단에서 날짜별로 내림차순 해달라는 간단한 내용이였다. new Date(b.crea.. 2024. 6. 27. Window, DOM 차이 자바스크립트 window.onload와 DOMContentLoaded 이벤트는 웹 페이지의 로딩 상태에 따라 다르게 동작하는 JavaScript 이벤트 이번 문제는 기존에 구현된 내용들을 참고하여 새로운 기능을 구현하면서 직접 짠 자바스크립트 내용을 추가하면서 문제가 발생하게 되었다. 기존 스크립트가 작동을 안하는 문제였다. 코드가 너무 오래되고 지저분한 부분도 있고 내 실력이 부족한 부분도 있어 이 문제를 해결하는데 생각보다 많은 시간이 들어 정리를하게 되었다. 자바스크립트의 실행 시점 때문에 발생하는 문제였다. 페이지 전체가 로드되기 전에 발생해야 하는 내용이였기 때문이다. 그런 이유로 문제의 원인은 DOMContentLoaded방식을 사용하여 해결하였다. window.onload 이벤트: 1. 이 이벤트는 웹 .. 2023. 9. 24. 자바스크립트 파일 용량 제한과 여부 간단한 자바스크립트 파일 용량 제한이다. function fnExcelFileCheck() { // 1. 파일 선택 input 엘리먼트를 가져옵니다. var fileElements = document.getElementById('excelFile'); // 2. 파일이 선택되지 않았을 경우 경고 메시지를 표시하고 업로드를 중단합니다. if (fileElements.value == '') { alert("엑셀 파일이 첨부되지 않았습니다."); return false; } // 3. 파일이 선택된 경우, 첫 번째 파일의 크기를 바이트 단위로 가져옵니다. var fileSize = fileElements.files[0].size; // 4. 최대 파일 크기 (3MB)와 비교하여 크기가 초과하면 경고 메시지를 .. 2023. 8. 24. JavaScript 회원가입(정규식, 서명, 별명, CKEditor5(자기소개)) ✔ 전체 화면 ✔ HTML * 회원가입 - 아래 필수 입력사항을 모두 입력해 주십시요. 아이디 최소 3자이상 입력하세요. * 영문자, 숫자,_만 입력 가능, 최소 3자이상 입력하세요 패스워드 패스워드 확인 이름 *공백없이 한글만 입력 가능 별명 *공백없이 한글, 영문, 숫자만 입력가능 (한글2자, 영문자 4자 이상) *별명을 바꾸시면 앞으로 60일 이내에는 변경할 수 없습니다. 이메일 : 생년월일 성별 선택하세요 남자 여자 전화번호 핸드폰번호 주소 -우편번호검색 서명 자기소개 메일링서비스 정보 메일을 받습니다 SMS 수신여부 핸드폰 문자메세지를 받겠습니다. 정보공개 다른 분들이 나의 정보를 볼 수 있도록 합니다. 정보공개를 바꾸시면 앞으로 0일 이내에는 변경이 안됩니다. 추천인아이디 자동등록방지 *왼 쪽.. 2022. 11. 28. 이전 1 2 3 4 5 다음
