Jeffrey Oh's Notepad

2020/02 검색 결과

해당 글 8건

[리액트 및 리듀서 기본 설정] 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

Java 파일 압축 및 특정 파일 리스트 추출

Java 파일 압축 및 특정 파일 리스트 추출 // 샘플 압축파일 String zipFile = "D:/zipTemp/temp.zip"; String zipTempPath = "D:/Temp/"; // Temp 경로 로컬 // 중복자 제외를 위한 timestamp Calendar cal = Calendar.getInstance(); // 다운로드 이름 String downloadFileName = "첨부파일"; // 첨부파일 // 반복문 시작 for(int i=0; i

Backend/Java 2020. 2. 21. 11:26

IE 팝업 액세스 거부

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

Frontend/Javascript 2020. 2. 20. 10:26

Struts2 textfield Null 인 경우

Struts2 textfield Null 인 경우 s:textfield 로 생성된 input 태그가 실질적으로 값을 받을 때 null 경우 1. disable true 라고 하면 폼에서 사용하지 않겟다는 의미니까 당연히 값이 없는 것 (disable 속성말고 readonly로 변경해야 맞음)2. struts 태그로 생성된 숫자 형태의 값은 에러를 유발할 수 있으니 표준적으로 사용 권장 --> 를 형태로

Backend/Java 2020. 2. 17. 11:22

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

팝업 부모창 새로고침

팝업 부모창 새로고침자식창에서 닫기전에 부모창도 새로고침을 하고 싶은 경우 아래와 같이 사용 opener.parent.location.reload(); window.close();

Frontend/Javascript 2020. 2. 6. 15:30

React - Current Time

import React from "react"; const Clock = () => { const [clock, setClock] = React.useState(""); const getTime = () => { const date = new Date(); const hours = date.getHours(); let minutes = date.getMinutes(); let sec = date.getSeconds(); let currentTime = `${hours < 10 ? `0${hours}` : hours}:${ minutes < 10 ? `0${minutes}` : minutes }:${sec < 10 ? `0${sec}` : sec}`; setClock(currentTime); }; Reac..

Frontend/React 2020. 2. 4. 23:27

개발자도구, 우클릭 방지

개발자도구, 우클릭 방지/* 마우스 우클릭 방지 */document.onmousedown = function(e){ if (e.button === 2) { e.preventDefault(); e.returnValue = false; }}; /* 개발자 도구 단축키 방지 */ document.onkeydown = function(e) { if(e.keyCode === 123 || (e.ctrlKey && e.shiftKey && e.keyCode == 73) || (e.ctrlKey && e.shiftKey && e.keyCode == 74) || (e.ctrlKey && e.shiftKey && e.keyCode == 67)) { e.preventDefault(); e.returnValue = false..

Frontend/Javascript 2020. 2. 3. 18:02