devNote

angularjs 1 + spring multi file upload 2017.06.21
ajax load 2017.04.27
잘못된 형식의 시작 태그입니다. 특성은 공백으로 구분해야 합니다 2017.01.23 1
eclipse 단축키 [빌드 및 실행] 2016.07.06
eclipse 단축키 [작업 영역 이동] 2016.06.29
eclipse 단축키 [찾기 바꾸기] 2016.06.29
Composer Windows installer 설치 2016.04.15
laravel/framework v5.2.9 requires ext-mbstring * -> the requested PHP extension is missing from your system. 2016.04.15
파일 이름이 너무 깁니다 -삭제 2015.11.06 1
JAP 참고링크 2015.09.22

angularjs 1 + spring multi file upload

2017. 6. 21. 14:00

angular + ng-file-upload + spring 환경에서

multi file upload시 파일 업로드 안됨. 스프링에서 파일을 못읽음. ㅠㅠ

filename[0], filename[2] 이런식으로 넘겨진다.

var data = {

file : $scope.user.file,

files : $scope.user.files,

email : $scope.user.email,

name : $scope.user.name,

password : $scope.user.password,

activeAt : $scope.user.activeAt,

role : $scope.user.role

}

Upload.upload({

url: 'user/add',

fields: data,

arrayKey: '',

headers : $scope.getCsrfHeader()

})

arrayKey 만 넘겨주면 스프링에서 받아서 인식해서 배열인덱스를 분석해서 리스트로 받아준다.

컨트롤러 파라메터에서 @RequestParam("files") List<MultipartFile> userFile 추가해도 되며

MultipartHttpServletRequest multiRequest 파라메터로 받아서

List<MultipartFile> userFile = multiRequest.getFiles("files"); 해도 된다.

저작자표시 비영리 변경금지

ajax load

2017. 4. 27. 10:14

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/

position: fixed;

left:0;

right:0;

top:0;

bottom:0;

background: rgba(0,0,0,0.2); /*not in ie */

filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */

}

.wrap-loading div{ /*로딩 이미지*/

position: fixed;

top:50%;

left:50%;

margin-left: -21px;

margin-top: -21px;

}

.display-none{ /*감추기*/

display:none;

}

</style>

</div>

$.ajax({

type:"POST"

,url: "서버주소"

,data:"파라미터"

,success:function(res){

(조회성공일 때 처리)

}

,beforeSend:function(){

(이미지 보여주기 처리)

$('.wrap-loading').removeClass('display-none');

}

,complete:function(){

(이미지 감추기 처리)

$('.wrap-loading').addClass('display-none');

}

,error:function(e){

조회 실패일 때 처리

}

,timeout:100000 "응답제한시간 ms"

});

, beforeSend: function () {

              var width = 0;
              var height = 0;
              var left = 0;
              var top = 0;

              width = 50;
              height = 50;
              top = ( $(window).height() - height ) / 2 + $(window).scrollTop();
              left = ( $(window).width() - width ) / 2 + $(window).scrollLeft();

              if($("#div_ajax_load_image").length != 0) {
                     $("#div_ajax_load_image").css({
                            "top": top+"px",
                            "left": left+"px"
                     });
                     $("#div_ajax_load_image").show();
              }
              else {
                     $('body').append('<div id="div_ajax_load_image" style="position:absolute; top:' + top + 'px; left:' + left + 'px; width:' + width + 'px; height:' + height + 'px; z-index:9999; background:#f0f0f0; filter:alpha(opacity=50); opacity:alpha*0.5; margin:auto; padding:0; "><img src="file://D:\\temp\\ajax_loader.gif" style="width:50px; height:50px;"></div>');
              }

}

, complete: function () {

$("#div_ajax_load_image").hide();
}

저작자표시 비영리 변경금지

잘못된 형식의 시작 태그입니다. 특성은 공백으로 구분해야 합니다

2017. 1. 23. 09:41

잘못된 형식의 시작 태그입니다. 특성은 공백으로 구분해야 합니다.

F12 개발자 도구 콘솔 오류 메시지

https://msdn.microsoft.com/ko-kr/library/hh180764(v=vs.85).aspx

말그대로 속성에 공백 구분이 없어서 나온다.

ex ) <img src="/a.png"'width="500" alt="이벤" class="btn_boad_inqire" />

src 속성과 width 속성사이에 공백으로 구분이 안되어서 나타나는 콘솔 오류 메시지

그냥 띄워주면 끝!~

저작자표시 비영리 변경금지

eclipse 단축키 [빌드 및 실행]

2016. 7. 6. 10:12

빌드 및 실행

메이븐 빌드 : Alt + Shift + X, M
실행 모드로 실행 : Ctrl + F11 <= 요놈으로 톰켓 실행도 됨.
톰켓 중지 : Ctrl + F7로 서버 뷰 영역으로 이동후 Ctrl + Alt + S
톰켓 실행 : Ctrl + F7로 서버 뷰 영역으로 이동후 Ctrl + Alt + R(이놈은 실행중일때 재시작됨) 혹은 Ctrl + F11( 이놈은 서버가 운영 중이라며 포트 충돌난다고 문제 경고 띄워주네요 )
톰켓 디버그 모드 실행 : Ctrl + F7로 서버 뷰 영역으로 이동후 Ctrl + Alt + D 혹은 F11
빌드 : Ctrl + B ( Project 메뉴에 Build Automatically 에 체크 되어 있으면 자동 빌드 됨)

디버그

브레이크포인트 토글 : Ctrl + Shift + B ( 빈 라인에서 하면 해당 커서 바로 아랫 내용이 있는 라인에 적용됨 )
디버그 모드로 실행 : F11
Step Into : F5 ( 실행 되는 메소드 안으로 들어가서 확인 됨)
Step Over : F6 ( 다음줄로 동 진행 )
Step Return : F7 (듬은 브레이크 포인트로 이동 되긴 하나 계속 진행은 안된다. ;;)
Run to Line : Ctrl + R ( 커서 있는 라인에서 단축키 실행시 해당 커서 까지 디버그 진행 [요거 좋아보임 많이 사용할 듯 ])
Resume : F8 ( 진행 , 요넘이 다음 브레이크포인트로 이동하며 다음 브레이크포인트가 없을시 프로그램 계속 진행. )
프로그램 종료 : Ctrl + F2 ( 요놈은 안해 봤음)

디버그 모드 퍼스팩티브 에서 일반 으로 이동시 Ctrl + F8