JavaScript (63) 썸네일형 리스트형 자바스크립트 선택자 예약어 정리, 부모/자식/형제 가물가물할때마다 검색하는게 시간낭비 인것같아 기록해봤다. querySelector 문서 내 첫 번째 요소를 반환 document.querySelector('.class'); querySelectorAll 문서내 모든 요소 반환 document.querySelectorAll('.class'); id, class, tag 해당되는 모든 요소 반환 document.getElementById("#id") document.getElementsByClassName(".class") document.getElementsByTagName("div") name 속성값이 일치하는 모든 요소 반환 document.getElementsByName("password") children index 자식 선택자 label.chil.. 자바스크립트 input files 이름 불러오기 const file_real = document.querySelector('.file_real'); let files = file_real.files[0].name; https://standout.tistory.com/404 자바스크립트 file input 커스텀, placeholder/value 지정하기 file를 커스텀해보자. file input과 readonly input을 label로 묶어 구현한다. 첨부하기 function filesToFackFilesInput(label){ let file_real = label.children[0]; let file_fake = label.children[1]; file_real.addEventListener("change", functio standout... 자바스크립트 file input 커스텀, placeholder/value 지정하기 file를 커스텀해보자. file input과 readonly input을 label로 묶어 구현한다. 첨부하기 function filesToFackFilesInput(label){ let file_real = label.children[0]; let file_fake = label.children[1]; file_real.addEventListener("change", function () { let files = this.files[0].name; console.log(files); file_fake.value = files; }); } 이후 .file_real을 display-none해주면 완료. span태그와 css를 추가해 기존에 기획했던 디자인과 통일해보자. 아래의 main.png가 value.. 자바스크립트 alert 한번만 띄우게하기 alert을 띄운뒤, 변수값을 false로 바꾸고, alert을 if문으로 감싸자. if, 조건이 false이라면 if문은 실행되지않는다. var showAlert = true; function showAlertOnce() { if (showAlert) { alert("안녕하세요!"); showAlert = false; } } 오로라 그라데이션 javascript code jquery 연결 원하는영역을 잡는다. element생성 스크립트 추가, 끝. color는 rgb값으로 자유롭게 변경한다. BARCODE 만들기 barcode.js barcode.js를 이용해 띄우기 더보기 우선 보기좋게하기위해 최소한의 css를 지정한다. 값이 들어갈 input, barcode가 만들어질 div를 만든다. jquery연결 후, barcode.js연결 스크립트 추가. 끝. 아래와 같은 결과물을 볼 수 있다. https://standout.tistory.com/222 BARCODE 만들기 barcode.tec-it.com 이미지코드로 띄우기 https://barcode.tec-it.com/en 위 페이지에 접속하여 원하는 문자를 입력한다. 왼쪽상단 copy 아이콘을 클릭하면 소스를 얻을 수 있다. 얻은 경로를 위 코드 src=""안에 삽입한다, 끝. standout.tistory.com Node.js란? Node.js Node.js는 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다 오픈 소스, 다양한 모듈과 라이브러리를 지원 JavaScript 런타임 환경 JavaScript로 서버 사이드 코드를 작성할 수 있도록 해주는 플랫폼 서버와 클라이언트를 구현할 수 있다. Node.js를 사용하면, JavaScript로 백엔드 로직을 작성하고, 데이터베이스와 통신하며, API를 작성하고, 웹 소켓 등 다양한 네트워크 프로토콜을 처리할 수 있어 다양한 분야에서 사용되고 있다. 쉽게 frontend로 취급되었던 js를 백엔드의 영역으로 확장시켰다고 말할 수 있겠다. https://ko.wikipedia.org/wiki/Node.js Node.js - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백.. 이전 1 ··· 5 6 7 8 다음
