본문 바로가기

반응형

javascript

(21)
Javascript - Radio input 태그- 필수 항목 미 선택 시 false 반환 코드 개인(기업)/팀 1 2
Javascript 배열 변수에 공백 값이 자꾸 들어가는 경우 filter() 메서드 Javascript 배열에서 공백 값을 제거하려면 filter() 메서드를 사용할 수 있습니다. 다음과 같이 코드를 수정하면 됩니다: wr_7 = wr_7.filter(function(value) { return value.trim() !== ''; }); 이 코드는 wr_7 배열을 순회하면서 각 요소의 앞뒤 공백을 제거한 후, 공백이 아닌 값들로 새로운 배열을 생성합니다. 이렇게 생성된 새로운 배열이 다시 wr_7에 할당되면서 공백 값이 제거됩니다. HTML JSTL - , 태그 를 사용하는 경우 - ${trimmedItem} wr_7_list 배열에서 공백 값을 제거하려면 forEach 루프 내에서 각 요소에 접근하기 전에 공백을 제거해야 합니다. 다음과 같이 코드를 수정할 수 있습니다: 위의 코드에..
Javascript 첨부파일 용량 제한하는 방법 쉽습니다 feat JQuery HTML -파일 첨부시 250KB 이하 용량만 첨부 가능 위와 같은 파일 업로드 input 태그를 만들고 파일을 업로드 할 때 용량 제한은 서버 관리를 위해 매우 중요하다. 너무 큰 용량의 파일의 경우 해당 파일을 서버까지 전송하는데 많은 시간과 에러를 발생시킨다. JAVASCRIPT $(document).ready(function() { $('.upload_file').change(function() { var file = this.files[0]; var maxSize = 250 * 1024; // 250KB 제한 (1KB = 1024 bytes) if (file.size > maxSize) { alert("파일 크기는 250KB 이하여야 합니다."); $(this).val(''); // 선택한 파일..
Javascript : 웹페이지 원하는 위치에 애니메이션 focus 주는 방법 feat JQuery 방법 예를 들어 이런 포커스 주기를 원하는 HTML 태그가 있습니다. 동의합니다. 해당 태그를 구분할 수 있는 값은 여러 방식이 있지만 우선 class , name , id 값이 있습니다. JQuery 사용 법은 jQuery는 JavaScript 기반의 오픈 소스 라이브러리로, HTML 문서의 구조를 조작하고 상호 작용할 수 있는 강력한 기능을 제공합니다. jQuery를 사용하면 간단하고 효과적으로 DOM 요소를 선택하고 조작할 수 있으며, AJAX를 통해 서버와 통신하는 등 다양한 작업을 수행할 수 있습니다. jQuery를 사용하기 위해서는 먼저 해당 라이브러리를 HTML 문서에 포함시켜야 합니다. jQuery를 다운로드하여 로컬에 저장하거나, CDN(Content Delivery Network)을 통해 온..
Javascript 문법 - 구조분해할당(Destructing) 구조분해할당 = 비구조화할당 const child = { name: "준호", age: 30, school: "USC", createdAt: "2021-03-15", } // const name = "joonho" // const age = 30 // const school = "서라벌초등학교" // const createdAt = "2020-01-01" const { name, age, school, createdAt } = child getWelcomeTemplate({ name, age, school }); function getChild() { return { namec: "철수", agec: 13, schoolc: "다람쥐초등학교", } } const { schoolc } = getChild()..
JAVA-Spring : Javascript +JQuery 메일 [보내는 사람] 전체 목록 삭제하기 https://cofs.tistory.com/270 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 javascript 중복 submit 방지 / 다중 클릭 방지 / 중복 클릭 방지 웹 페이지에서 form submit 이벤트나 버튼의 클릭 등 이벤트가 여러번 발생하면 곤란할 때가 있다. 예를 들어 글을 등록할 때 등록버튼 cofs.tistory.com 참고하였습니다. var TodoubleSubmitFlag = 0; function TodoubleSubmitCheck(){ if(TodoubleSubmitFlag == 1 ){ return TodoubleSubmitFlag; } else if(TodoubleSubmitFlag=0) { TodoubleSubmitFlag = ..
JS Rest 파라미터 사용 방법 간단한 예제로 알려드립니다 //REST 파라미터 ?? const child5 = { name: "철수", age: 8, school: "다람쥐초등학교", money: 2000, hobby: "수영", } //delete child.money -> 원본을 건들이는 명령어 //how to use ...rest const { money, hobby, ...rest } = child5; //...rest = {name , age, school} console.log('rest', rest) 변수 이름은 자유 ! ...aaa , ...bbb , ...ccc 아무거나 적어도 상관 없다. spread 연산자과 구조분해할당 합쳐서 구현
Node.js 우분투에 노드js로 기초 백엔드 api 서버 구축 코드를 알아보자 https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98 우분투 Node.js 설치및 npm 환경구축 우분투 20.04에 Node.js 를 설치하는 세 가지 방법, npm 환경 구축과 REPL 을 이용한 실행 velog.io 1.$sudo apt-get install -y curl 2.$ sudo apt update 3.$ sudo apt install nodejs 4.$ nodejs -v -> v12.22.9 5.$sudo apt install npm node .js 설치 완료 npm install [package] npm init -> 패키지 정렬 ! npm uninstall [package] -> 삭제 npm i express -> 웹 페이지 프레임 워크 설치..

반응형