Frontend 검색 결과

해당 글 73건

cors jsonp 형식으로 ajax 처리하기

cors jsonp 형식으로 ajax 처리하기 첫번째, 요청 URL뒤에 ?callback=? 추가하여 jsonp 요청 구현하기 $.getJSON("http://www.codejs.co.kr/jsonp.json?callback=?", function(data) { console.log('성공 - ', data); } ); 두번째, 응답 json에 callback함수로 한번 감싸서 jsonp 구현하기 $('a').click(function() { $.ajax({ url: "http://www.codejs.co.kr/jsonp.json", dataType: 'jsonp', jsonpCallback: "myCallback", success: function(data) { console.log('성공 - ', d..
Frontend/Javascript 2020. 7. 18. 10:16

Browser OS Check By Easy Version

// includes는 IE에서 동작하지 않아서 indexOf를 사용 var userAgent = window.navigator.userAgent; var isChrome = userAgent.indexOf('Chrome'); var isChromeMobile = userAgent.indexOf('CriOS'); var isSamsungBrowser = userAgent.indexOf('SamsungBrowser'); var isWindows = userAgent.indexOf('Windows NT'); var isEdge = userAgent.indexOf('Edge'); var isIE = userAgent.indexOf('Trident'); // 크롬 브라우저 체크 if(isChrome > -1 |..
Frontend/Javascript 2020. 5. 22. 16:37

비밀번호 검사

비밀번호 비밀번호 확인 $(document).ready(function () { $("#userPw").keyup(function () { var f = document.cForm; if(f.userPw.value.length < 1){ $("#userpwdtext").css("color","red").text("비밀번호를 입력해 주세요."); return; }else{ var varObj = f.userPw.value; var Obj = varObj.split(" ").join(""); var regPwd = /^(?=.*[a-zA-Z])((?=.*\d)|(?=.*\W)).{6,20}$/; //조건1. 6~20 영문 대소문자 //조건2. 최소 1개의 숫자 혹은 특수 문자를 포함해야 함 if(!regPw..
Frontend/Javascript 2020. 5. 19. 10:10

new Date or timestamp -> "YYYY-MM-DD HH:ii:ss" 만들기

new Date(Date.UTC(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours(), new Date().getMinutes(), new Date().getSeconds())).toISOString().replace("T", " ").replace(".", " ").slice(0, 19); 혹은 var date = new Date(); var date_format_str = date.getFullYear().toString() + "-" + ((date.getMonth() + 1).toString().length == 2 ? (date.getMonth() + 1).toString() : "0..
Frontend/Javascript 2020. 5. 10. 02:50

JS Redux

Add 0 Minus // 리덕스 import import { createStore } from "redux"; // Element 획득 const add = document.getElementById("add"); const minus = document.getElementById("minus"); const number = document.querySelector("span"); // 액션값 정의 // -> 미리 정의하는 이유는 오타방지 const ADD = "ADD"; const MINUS = "MINUS"; // 리덕스 함수 정의 const countModifier = (count = 0, action) => { switch (action.type) { case ADD: return count +..
Frontend/Javascript 2020. 5. 5. 01:14

[리액트 및 리듀서 기본 설정] React & Reducer Default Settings

[리액트 및 리듀서 기본 설정] React & Reducer Default Settings 프로젝트 생성 후 초기화 작업프로젝트 폴더 안에서 패키지 설치yarn add react-router-dom yarn add styled-components yarn add axios (선택사항 API용도) yarn add redux yarn add react-redux yarn add redux-actions yarn add redux-devtools-extension yarn add redux-logger yarn add redux-thunk /src 폴더 안에서 App.css, index.css, logo.svg 삭제App.js 파일과 index.js 파일에서 삭제한 파일 관련 구문 삭제index.js 파일에서..
Frontend/React 2020. 2. 23. 10:41

IE 팝업 액세스 거부

SCRIPT5 액세스가 거부되었습니다. 위 문구는 부모창에서 자식창으로 iframe으로 되어있는 구조에서 자식창 내에서 팝업을 띄우려고 할 때 차단이 되어있다면 콘솔에 찍혀나오는 에러 문구이다. IE가 아닌 다른 브라우저는 이를 무시(?) 하여 정상적으로 접근이 가능하게되지만 IE는 그렇지 않기 때문에 다음과 같이 사용하면 된다. 전 var reValue = window.showModalDialog(page,window,settings); //
Frontend/Javascript 2020. 2. 20. 10:26

Github Pages 배포

Github Pages 배포1. package.json 파일 수정 "scripts": {... "deploy": "gh-pages -d build","predeploy": "npm run build"},........."homepage": "https://{GithubUserId}.github.io/{RepositoryName}// Ex) "homepage": "https://Jeffrey-Oh.github.io/react_movie_app_2019" 3가지를 스크립트 안에 추가한다. 2. gh-pages 설치npm i gh-pages 로 패키지를 설치한다 3. 배포터미널에서 `npm run build` 를 입력하고 아까입력한 `homepage` 링크로 가서 확인한다
Frontend/React 2020. 2. 9. 23:49