smile-haha

javascript에서 모바일/pc 여부를 확인하려면 navigator.ugeragent 값이 필요하다. navigator는 사용자 에이전트(브라우저 등 웹에 접근하는 프로그램)에 대한 정보를 가지고 있는 객체로다음과 같은 속성을 가지고 있다.bluetooth현재 문서의 Bluetooth 객체를 반환합니다. Web Bluetooth API의 기능에 접근할 수 있습니다.clipboard시스템 클립보드의 읽기, 쓰기에 접근할 수 있는 Clipboard 객체를 반환합니다.connection장치의 네트워크 연결 정보를 담은 NetworkInformation 객체를 반환합니다.contacts사용자에게 사용자의 연락처 목록에서 항목을 선택하고 그 항목의 제한된 세부 정보를 웹사이트나 애플리케이션과 공유할 수 있게 ..

환경Spring Framework요구사항서버에 있는 .min.js와 css와 images 폴더를 zip 파일로 다운로드프론트 1. html 영역hahaApi 다운로드 2. javascript 영역function downloadAPI(apiName){ // 컨트롤러 경로 var url = `/apiDownload?apiName=${apiName}`; // 새로운 엘리먼트 생성 var link = document.createElement("a"); // 다운로드할 파일의 URL 설정 link.href = url; // 다운로드할 파일의 이름 설정 link.download = url.substring(url.lastIndexOf("/") + 1); // body에 추가 d..

webpack은 여러 파일(js,css,html 등)을 하나의 파일로 묶어주는 모듈이다. webpack을 이용하기 위해서는 일단 터미널에서 webpack을 이용할 프로젝트 폴더로 이동해서, npm이나 yarn 을이용해 webpack 모듈을 설치한다. (npm은 nodeJS를 설치하면서 같이 설치되며, yarn은 npm 설치후, "npm install -g yarn" 명령어로 설치한다.) ※ -g는 global 옵션으로 설치할 모듈을 프로젝트가 아닌 시스템의 node_modules 폴더에 설치한다. 터미널을 통해 명령어를 날리기 위해서는 -g 옵션이 필요하다. $npm insatll -g webpack webpack-cli $yarn global add webpack webpack-cli 설치 후 webp..

정규표현식은 문자열을 패턴화한 것으로, 문자열 검색/치환/검사에 사용된다. 아직 정규표현식에 대해 감이 안 잡힌다면 아래 글을 보고 오자! [정규표현식] 정규표현식(Regular expression) width javascript 🎈 정규표현식(Regular expression) 정규 표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴 🎈 언제 이용하는가? - 특정 형식의 문자열(e-mail 주소/전화번호/URL/RGB값/HEX값 등)인지 검사 // smile-haha.tistory.com [정규표현식] javascript에서 정규표현식 사용하기 정규표현식은 문자열을 패턴화한 것으로, 문자열 검색/치환/검사에 사용된다. 아직 정규표현식에 대해 감이 안 잡힌다면 아래 글을 보고 오자! [정규표현..

정규표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴을 나타내는 문법으로개발/문서 작성에서 알아놓으면 유용하게 사용된다.1. 정규표현식(Regular expression)이란?정규 표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴 2. 언제 이용하는가?2.1. 특정 형식의 문자열(e-mail 주소/전화번호/URL/RGB값/HEX값 등)인지 검사//핸드폰번호 형식(3자리 숫자 - 3자리 or 4자리 숫자 - 4자리 숫자)인지 체크const reg = /^\d{3}-\d{3,4}-\d{4}$/;reg.test('010-223-1234');//true 2.2. 문자열에서 특정 값 제거/바꿔치기//숫자 제거'smile-haha@123kkeoq'.replace(/[0-9]/g,''); /..

🎈 ES6 ? javascript에는 Ecma International이 정의한 ECMAScript(ES)라는 기술규격이 있다. ES에는 여러 버젼이 있는데 각 브라우저의 각 버젼별로 지원되는 ES의 종류가 다르다. 이것은 브라우저별로 사용하는 javascript 엔진이 다르기 때문인데, 이 이야기는 다음번에 시간 되면 따로 포스팅을 하겠다... 어쨌든, 현재까지 나온 ES 버젼에는 아래와 같이 11개의 버젼이 있다. (아래 표는 w3schools에서 가져왔다.) Ver Official Name Description ES1 ECMAScript 1 (1997) First edition (초판) ES2 ECMAScript 2 (1998) Editorial changes ES3 ECMAScript 3 (199..

//rgba validation check function validRGBA(rgba) { if(!rgba instanceof Array){ return false; } else if(rgba.length=0 && reba[0]=0 && reba[1]=0 && reba[2]=0 && reba[3] { hex += parseInt(c).toString(16).length != 1 ? parseInt(c).toString(16) : '0' + parseInt(c).toString(16); }); //alpha value change if (rgba[3]) { hex += parseInt(`${255*rgba[3]}`).toString(16); } return `#${hex.toUpperCase()}`; } ..

■ 정의 - javascript는 동적으로 \컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 등을 웹 페이지를 꾸며주도록 하는 프로그래밍 언어 - javascript는 보통 HTML, CSS와 함께 웹페이지를 표현한다. ■ 특징 - javascript는 객체 기반의 스크립트 프로그래밍 언어※스크립트( 프로그래밍) 언어(Scripting language) : 응용 소프트웨어를 제어하는 프로그래밍 언어로, 응용프로그램과 독립립하여 사용되고 일반적으로 응용프로그램의 언어와 다른 언어로 사용되어 최종 사용자가 응용 프로그램의 동작을 사용자의 요구에 맞게 수행할 수 있도록 해준다.스크립트언어로 작성된 코드는 시작에서 끝날때까지 실행되며, 명확한 엔트리 포인트가 없다.(javascript, php, 파이썬,..