[CS 지식] Tomcat web.xml, Project web.xml, 콜백 지옥

📝Tomcat web.xml vs Project web.xml

Tomcat web.xml은 프로젝트의 web.xml보다 좀더 상위로서 Tomcat의 web.xml이 먼저 적용 되고 프로젝트의 web.xml이 추후에 적용된다

 

📝콜백 지옥

$.get('url', function(response) {
	parseValue(response, function(id) {
		auth(id, function(result) {
			display(result, function(text) {
				console.log(text);
			});
		});
	});
});

웹 서비스를 개발하다 보면 서버에서 데이터를 받아와 화면에 표시하기까지 인코딩, 사용자 인증 등을 처리해야 하는 경우가 많다 만약 이 모든 과정을 비동기로 처리해야 한다고 하면 위와 같이 콜백 안에 콜백을 계속 무는 형식으로 코딩을 하게 되는데.. 이러한 코드 구조는 가독성도 떨어지고 로직을 변경하기도 어렵다!! 

 

function parseValueDone(id) {
	auth(id, authDone);
}
function authDone(result) {
	display(result, displayDone);
}
function displayDone(text) {
	console.log(text);
}
$.get('url', function(response) {
	parseValue(response, parseValueDone);
});

이런식으로 변경하면 콜백 지옥을 해결할 수 있다.

 

1. ajax 통신으로 받은 데이터를 이용해 parseValue() 메서드를 실행
2. response가 id가 전달되고 auth() 메서드가 실행
3. auth() 메서드로 인증을 거치고 나면 콜백 함수 authDone()이 실행
4. 인증 결과 값인 result로 display()를 호출하면 마지막으로 displayDone() 메서드가 수행되면서 text가 콘솔에 출력

 

🔗 참고 및 출처

https://dkwjdi.tistory.com/143

CallBack 함수란?