Ellen's Web Note

의 이미지 크기를 바꿔서 ftp에 업로드 해야하는 경우. 찾아보니 img -> canvas -> img 인 것 같다. 내가 해야하는 것은 업로드한 이미지를 400*300으로 바꿔서 ftp에 업로드 한다. //업로드한 이미지를 400*300인 canvas에 draw var drawCanvas = function (imageSrc, num) { var image = new Image(); var id = "canvas"+num; var canvas = document.getElementById(id); canvas.width = 400; canvas.height = 300; canvas.backgroundColor = 'rgb(255, 255, 255)'; image.src = imageSrc; image...

전화번호를 입력할 때 숫자만 입력하면 하이픈(-)를 자동으로 표시되게 하려고 한다. 인 상태에서 숫자만 입력하게 하려고 했지만 한글은 문자로 인식하지 못해 걸러내지 못했다. 에서는 하이픈(-)와 같은 특수문자는 넣을 수 없다. 스크립트에서 focus일 때에는 number타입으로 숫자만 입력받을 수 있도록 하고, focus out일 때에는 text타입으로 하이픈(-)을 추가할 수 있도록 하였다. $scope.chkPhoneType = function(type){ var input = $("#phone").val(); //focus out인 경우 //input type을 text로 바꾸고 '-'추가 if(type == 'blur'){ $("#phone").prop('type', 'text'); var pho..

nodejs를 접하기 시작하면서 '비동기'에 관한 문제는 지속적으로 발생하였다. 구글링을 하면서 어찌저찌 해결은 했는데 제대로 하고 있는지는 모르겠지만 일단 킵. //비동기 함수를 컨트롤하는 함수 *async* exports.control_function = async function (req, res) { var functionA = await function_A(req); var functionB = await function_B(req); result_arr['resultA'] = functionA; result_arr['resultB'] = functionB; res.send(result_arr); } function function_A(req){ var query = util.format(que..

ftp에 연결하는 경우, web에서 ftp서버에 직접 연결하는 방법, 별도의 api를 통해 통신하는 방법이 있었다. 회사에서 사용하는 ftp이기 때문에 유지보수와 통일성을 위해 nodejs를 이용하여 ftp통신 api를 만들어 script에서 api와 ajax통신을 하도록 로직을 구성하였다. - api input : 파일경로, 파일 조건 : multiple max 50, exe파일은 저장하지 않음 output : 파일 전체 경로, 파일명(날짜 + 기존 파일명) -ajax function ftpFileUpload(path, files){ var form = new FormData(); var result = ""; //ftp 파일 업로드 경로 form.append("path", path); //업로드 할 ..

JSONObject jsonObject = new JSONObject();for (Map.Entry entry : param.entrySet()) {String key = entry.getKey();Object value = entry.getValue();jsonObject.put(key, value);} (Map param) 으로 넘거받은 파라미터를 json으로 변환하는 과정 반대로json -> map으로 변환하는 과정ObjectMapper mapper = new ObjectMapper();Map map = new hashMap();map = mapper.convertValue(jsonObject, map.class); json -> dto로 변환DTO dto = new DTO(); ObjectMapp..

스크립트에서 변경된 값을 즉시 반응하기 위해$scope.$apply() 는 자주 사용하였다. 이번에는두개의 변수를 섞어 사용해야 하는 경우가 발생햇따.. $scope.g1_name$scope.g2_name$scope.g3_name... 여기서 1,2,3,....을 변수로 사용하려 했더니.. 생각보다 잘 안되더라,, 실패사례..var i = 1;일 때 $scope.g+i+_name;$scope.g+i+'_name';'$scope.g'+i+'_name';...에러가나거나 텍스트로 인식해 버린다. 그러던 중 $scope.$eval() 을 알게되었다.설명..이 막 써잇기는 한데 대충 텍스트를 scope로 사용할 수 있는?? 그런 것 같다. for(var i=1; i,0; i++){var subName = $sc..

html에는 라는 기능이 있다. input 타입을 데이트로 지정하면 날짜를 선택할 수 있게달력 모양이 표시가 된다. 지금까지는 크롬을 사용하여 개발을 하고 있기 때문에 문제없이 달력이 나왔었는데.. 익스플로러 에서는 데이트타입이 안되더라... 크롬도되고 사파리, 안드로이드에서도 잘 되는데익스플로러만 안된다....(망할..) 익스플로러에서 데이트타입을 사용하기 위헤 datePicker를 사용해 주어야 한다.(지금까지 내가만든 모든 페이지의 date타입을 수정해야 할 판..) 데이트피커를 찾던 중 친절한 블로그를 발견.http://www.nextree.co.kr/p9887/ 내가 주로 사용하는 것은 이것$( ".testDate").datepicker({monthNames:['1월','2월','3월','4월'..

[string to date] String thisDay = param.get("date").toString(); SimpleDateFormat transFormat = new SimpleDateFormat("yyyy-MM-dd"); Calendar calendar = Calendar.getInstance(); Date date = transFormat.parse(thisDay); [date to string] String nextDay = transFormat.format(date); https://www.javatpoint.com/java-string-to-date [string ad nextday] String thisDay = param.get("date").toString(); SimpleDat..