유랑하는 개발자

결과 :

결과 : 

결과 : 

스프링 프로젝트에 이미지를 업로드 하려고 하는데, 자꾸만 500에러가 발생합니다..

org.springframework.web.util.NestedServletException: Request processing failed; nested exception is java.lang.NullPointerException

에러의 원인을 파악하지 못 했었는데, 제가 바인딩에 개념이 없었습니다...

form에 인코딩 타입 enctype="multipart/form-date" 해주시면 파일 업로드가 가능한데,

input="file" 의 name은 컨트롤러의 MultipartFile 객체가 선언되는 이름과 같아야 합니다.

예를들어, <input type="file" name="thumnail_file" /> 이라면,

컨트롤러에서 MultipartFile thumnail_file 이 되야 합니다.

*500 NullpointerException 에러는 이 에러 말고도 다양하게 발생됩니다.

public ModelAndView fileUpload(HttpServletRequest request, MultipartFile thumnail_file) throws Exception {
   // write something
}

스프링에서 게시판을 공부하며, form 에 입력된 데이터를 컨트롤러에 전송 하기 전에

유효성 검사를 하고 싶었지만, form 내부에 있는 input태그의 submit 타입은,

클릭 하면 바로 전송이 되서 유효성 검사를 진행 할 수 없었습니다.

그때, submit 타입을 button 타입으로 바꿔주시고

클릭 이벤트 발생시 form 을 submit 해주면 됩니다.

		$("#form1").on("click", function() {
			var title = $("#title").val();
			var startedDate = $("#startedDate").val();
			
			if(title==""){
				alert("Write the Title");
				$("#title").focus();
			} else if(startedDate==""){
				alert("Select the Started Date");
				$("#startedDate").focus();
			}
			
			document.getElementById("postForm").submit();	// 유효성 검사 후 submit
		});

Ajax 전송 때문에 거의 몇 일 동안 프로젝트 진행을 못 했는데

알고보니 제가 엉뚱하게 사용하고 있었네요 ㅠㅠ

Ajax의 이론을 자세히 모르시는 분은 꼭 먼저 이론을 이해 하시는걸 추천합니다.

간단하게,

ajax 메소드 안의 url 은 요청이 전송될 위치이며, type은 필요 방식에 설정 하시면 됩니다.

data 또한 전송할 데이터들을 선언 해주시면 되구요,

error, success, complete 는 예외처리라고 생각하실 수 있겠지만,

success 는 정상 처리 되었을때, complete는 finally 같은 구문이고,

error야 말로 예외처리라 할 수 있습니다.

$.ajax({
	url : "전송할 URL",
	type : "POST",
	data : {
		title : title,
		startedDate:startedDate,
		finishedDate : finishedDate,
		summary : summary
	},
	dataType : "json",
	error : function(error) {
		alert("error 발생");
	},
	success : function(data) {
		alert("전송 성공");
	},
	complete : function() {
		alert("최종 성공");
	}
});

남는 노트북으로 혼자 스터디를 위한 웹 서버를 사용 했습니다.

당시 cpu 2코어에 램2기가 짜리 노트북으로 썼는데 오래된거 치곤

스터디용 웹 서버로는 문제없이 말끔히 잘 사용 했습니다.

그러다가 어느 순간 맛이 가더니 영영 돌아오지 못할 강을 건넜지요 ㅜㅜ

그때 태양광 발전기 사용하는 친구집에 설치 했었는데 더이상 신세지기 미안해서

새로운 웹 서버는 제가 사는집에 설치 하기로 했습니다.

그런데... 기존에 iptime을 사용 할때는 포트포워딩부터 DDNS설정까지

아주 쉽게 사용 했었는데 U+은 좀 많이 헤매게 되더라구요 ㅠㅠ

당연히 제 실력이 미달이라 많이 버벅됬지만요...ㅎㅎ

그래서 기록용으로 포스팅 합니다.

1. U+는 192.168.219.1 이 기본 게이트웨이 입니다. 해당 url로 접속 해주세요. 

(업체마다 219 부분 숫자가 다르다고 하더군요)

그리고 사용하시는 공유기를 클릭 합니다.

2. 패스워드는 따로 변경하지 않으셨다면 공유기에 붙어있는 웹 admin 암호 입니다. 

3. 그리고 상태정보 -> DHCP 할당 정보에 들어갑니다. 

4. 직접 사용할 웹 서버 물리적 주소(MAC)와 할당할 IP주소를 적어주세요.

그리고 우측 위의 추가 버튼을 누르신 후 맨 밑 설정 적용을 눌러줍니다.

(해당 웹 서버 사용처에서 ipconfig으로 확인해줍니다)

5. 그리고 메뉴바에서 네트워크 설정 -> NAT 설정으로 들어갑니다.

6. 서비스 포트를 적어줍니다. 보통 웹 서버로 사용 하신다면, 8080-8080으로 해주시고,

추가적으로 포트를 더 사용하신다면 원하시는 범위만큼 설정 해주세요.

프로토콜은 TCP/IP로 해주시고 내부 주소는 할당 받은 IP를 적어주시면 됩니다.

내부 포트는 거의 8080이고 혹시 다르시면 알맞게 적어주세요.

그리고 추가 후 저장을 해줍니다. 

7. 위에는 내부(192.168.219.XXX:8080)로 접속한것이고,

아래는 외부에서(XXX.XXX.XXX.XXX:8080)으로 접속한 것입니다.

외부에서 접속하는 방법은 해당 공유기의 외부IP를 참조 하시면 됩니다.