로이팩토리

환경변수 사용법은 아래의 법칙을 잘 지켜주면 간단하게 사용 가능합니다. 1. 프로젝트 root에 .env 파일 생성할 것 2. 접두어로 REACT_APP_을 반드시 붙여줄 것 package.json이 있는 폴더에 .env 파일을 생성하고, 아래와 같이 내용을 입력합니다. 그리고 js 파일에서 process.env. 환경변수 키를 입력해주면 결과를 확인 가능합니다.

React를 이용하여 페이지 제작 시에 페이지 이동을 Router를 사용하게 되는데, 이때 기본적으로는 스크롤 위치가 이동하지 않습니다. 흔히 웹페이지를 이용해본 사람이라면, 페이지 이동이나 화면 전환이 된 경우 페이지를 맨 위에부터 보기를 원하는데, Router는 스크롤이 해당 위치에 머물게 됩니다. 이를 해결하기 위해서는, 페이지 이동을 인식한 경우, Scroll의 위치를 조정해주면 되는데, 이에 대한 자세한 내용은 아래의 사이트에 잘 정의되어있습니다. https://v5.reactrouter.com/web/guides/scroll-restoration Declarative routing for React apps at any scale | React Router Version 6 of React R..

function fnGetFileSize(filesize) { var text = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB']; var e = Math.floor(Math.log(filesize) / Math.log(1024)); return (filesize / Math.pow(1024, e)).toFixed(2) + " " + text[e]; }; input[type=text]나 FileEvent로 전달되는 size는 bit로 전달되므로, 계산 로직이 필요합니다.

한 개의 Javasript를 호출하여 엮여있는 모든 script를 호출하고 싶거나, 종속 관계가 있는 스크립트들을 호출하고 싶은 경우 아래와 같은 방법으로 호출이 가능합니다. document.write(''); // ex. document.write(''); // 이 경우 바로 script를 호출하여 사용하여도 되지만 // 스크립트 파일 용량이 커서 웹페이지가 읽는데 오래 걸리는 경우 // 스크립트 내 함수나 모듈들이 완전이 로드되지 않아 오류가 발생할 수 있습니다. // 때문에 안전한 사용을 위해서는 완전히 로드가 된 후에 이용하는 것이 좋습니다. window.onload = function(){ ... {스크립트 상의 함수 / 변수 이용} ... }

한 개의 라벨에 굴기 / 폰트 사이즈 등을 변경하려면, 기본적으로 제공하는 Report의 양식만으로는 불가능합니다. 때문에, 라벨을 HTML 형태로 변경해주고 태그를 적용하면 좀 더 수월하게 작업 가능합니다. 이후 [데이터] - [텍스트] 항목에 아래와 같이 입력하면 일반 텍스트 굵은 텍스트 밑줄 기울기 글자 크기 7 위 와 같이 한 개의 라벨에서 작업했음에도 여러 형태의 글자 표기 방법이 나옴을 알 수 있습니다. ※ 주의: HTML형태인 경우 일반 엔터나 띄어쓰기는 적용되지 않기 때문에 두 개 이상의 띄어쓰기는 를 활용하고 한 줄 아래는 를 활용하면 됩니다.

최근에 임의로 채번된 비밀번호를 발송하기 위한 메일링 서비스를 제작하면서 한번 작성해볼까 합니다. 저는 일단 Gmail 계정 기준으로 했지만, SMTP설정에 따라 다르게 발송 가능합니다. 1. Gmail 계정 준비하기 - 따로 쓸 말이 없네요 2. Gmail SMTP 보안 설정 - myaccount.google.com/security?gar=1 3. 관련 Libriary 설정 - pom.xml javax.mail mail 1.4.7 org.springframework spring-context-support ${org.springframework-version} 4. Properties 설정 - WEB-INF > config > email.properties email.account=이메일주소@gmail..

기본 개발을 크롬에서 하다 보니 가끔 간과하고 넘어가는 부분이 있는데, 그중에 하나가 ie에서의 사용을 고려하지 않은 경우가 있습니다. 최근에 그 중에서 하나가 바로 아래의 에러였는데, 이는 FormData를 ajax로 전달할 때 (주로 첨부파일을 포함한 multipart) 전송 시에 chrome에서는 정상적으로 진행되지만, ie버전에서 오류가 발생하는 현상입니다. 이때 여러가지 방법들이 오갔지만, 그냥 아래 한 줄을 더 추가해주면 정상적으로 수행이 됩니다. (이유는 아직.... 단순 버그로 보고 있음) let url = "Rest URL"; let param = new FormData($("#FormID")[0]); $.ajax({ async:false , url: url , type:"POST" , ..

일반적으로 일련의 데이터 목록을 등록할 때는 다음과 같이 선언해서 사용할 수 있습니다. // 1. 사전정의 var arr1 = [1, 3, 3, 4]; // 2. 정의 후 추가 (1) var arr2 = new Array(); arr2.push(1); arr2.push(3); arr2.push(3); arr2.push(4); // 3. 정의 후 추가 (2) var arr3 = []; arr3.push(1); arr3.push(3); arr3.push(3); arr3.push(4); 이에 대한 자세한 사항은 이전 글에서 확인하실 수 있습니다. 2020/09/18 - [개발 창고/웹 개발] - [Javascript] 배열(Array) 활용하기 [Javascript] 배열(Array) 활용하기 이번엔 Arra..

2020/09/18 - [개발 창고/웹 개발] - [Javascript] 배열(Array) 활용하기 [Javascript] 배열(Array) 활용하기 이번엔 Array를 자세히 다뤄볼까 합니다. Array 만들기 // 방법1. 빈 array 만들기1 var arr = []; // 방법2. 빈 array 만들기2 var arr = new Array(); // 방법3. String array 만들기 var arr = ['가', '나',.. royzero.tistory.com 예전에 배열에 대해 작성한 적이 있는데 이번에는 이 배열을 정렬하는 법에 대해 이야기해볼까 합니다. 배열을 정렬해주는 함수는 Array.sort() 라는 녀석입니다. 일반적으로 값으로 이루어진 배열인 경우 let arr = [1, 3, ..

Json을 다룰 때 string to json 또는 json to string이 필요할 때가 종종 있을 겁니다. let params = { key1:"내용1", key2:"내용2", key3:10000 } 만약 다음과 같이 Json을 가지고 예시를 들면 parse : String to json → 문자열(string) 형태의 값을 Json형태로 변환 let params = '{"key1":"내용1", "key2":"내용2", "key3":10000 }'; console.log("parse 전 > ") console.log(params); console.log("parse 후 > ") console.log(JSON.parse(params)); 만약 다음과 같이 문자열로 이루어진 string이 key-val..