λ‘œμΌ“πŸΎ
article thumbnail
λ°˜μ‘ν˜•

https://res.cloudinary.com/practicaldev/image/fetch/s--ohpJlve1--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/drquzbncy/image/upload/v1586605549/javascript_banner_sxve2l.jpg

 

 

μ„œλ²„μ—μ„œ 받은 데이터듀을 개발자 도ꡬ μ½˜μ†”μ—μ„œ 좜λ ₯ν•˜λŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

 

개발자 도ꡬ ν™”λ©΄μž…λ‹ˆλ‹€.

 

λ§Œμ•½ 이미지와 같은 데이터듀을 μ„œλ²„μ—μ„œ λ°›μ•˜λ‹€κ³  ν•˜λ©΄ result.data.resultλ₯Ό μž…λ ₯ν–ˆμ„ λ•Œ 좜λ ₯이 μ—λŸ¬μ—†μ΄ λ κΉŒμš”??

 

λ„€ λ§žμŠ΅λ‹ˆλ‹€. μ•ˆλ©λ‹ˆλ‹€. μ—λŸ¬κ°€ λ°œμƒν•©λ‹ˆλ‹€.

 

 

μ—λŸ¬γ…œγ…œ

 

μ™œ μ—λŸ¬κ°€ 났고, μ–΄λ–»κ²Œ 접근을 ν•˜λ©΄ λ κΉŒμš”?? μš°μ„  μ—λŸ¬κ°€ λ‚˜λŠ” μ΄μœ λŠ” μ‰½κ²Œ 말해 DOM 객체에 result 값이 μ—†κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

 

ㅣ객체에 λ‹΄μ•„μ€˜μ•Ό ν•œλ‹€!

 

result.data.resultμ—μ„œ 첫번째 resultκ°€ μ„œλ²„μ—μ„œ λΈŒλΌμš°μ €λ‘œ λ³΄λ‚΄λŠ” μƒμœ„ 객체

 

 

κ²°κ΅­ 개발자 도ꡬ μ½˜μ†”μ—μ„œ result.data.result 에 μ ‘κ·Όν•˜κΈ° μœ„ν•΄μ„œλŠ” ν΄λΌμ΄μ–ΈνŠΈλ‘œ 데이터 값을 보낼 λ•Œ ν•œ μž„μ˜μ˜ 객체 μ•ˆμ— λ„£μ–΄μ£Όλ©΄ λ©λ‹ˆλ‹€.

 

 

var aaa = {
		 dummy: null
		  
		 , init: function() {
			 this.addEvent();
		 }

		 , addEvent: function() {
			 var _this = this;
			  crud.list.onComplete = function(result) {
			   _this.dummy = result.data.result;
			  }
		 } 		  
}

var bbb = {
		dummy : null,
		
		init : function(){
			this.addEvent();
		},
		
		addEvent : function(){
			var _this = this;
			crud.list.onComplete = function(result){ //=> crud.list.Oncomplete λ‚΄μž₯ν•¨μˆ˜ μ•„λ‹˜
				_this.dummy = result.data;
			}
		}
}

app.ready(function(){ //=> $(()=>{}) 와 같은 κΈ°λŠ₯을 μˆ˜ν–‰ν•¨
 		aaa.init();
		bbb.init();
});

 

 

 

 

(μœ„ μ½”λ“œλŠ” μœ„λΈ ν”„λ ˆμž„μ›Œν¬λ₯Ό μ‚¬μš©ν•˜μ˜€κΈ° λ•Œλ¬Έμ— μžλ°”μŠ€ν¬λ¦½ λ‚΄μž₯ν•¨μˆ˜κ°€ μ•„λ‹Œ ν•¨μˆ˜λ“€μ΄ λͺ‡ μžˆμŠ΅λ‹ˆλ‹€.)

 

μž„μ˜μ˜ 객체둜 bbb와 aaaλ₯Ό μ‚¬μš©ν•˜μ˜€μŠ΅λ‹ˆλ‹€. bbb 객체와 aaa 객체λ₯Ό μƒμ„±μ‹œμΌœμ€€ λ‹€μŒ app.ready둜 객체듀을 ν˜ΈμΆœν–ˆμŠ΅λ‹ˆλ‹€. μ¦‰, bbbλΌλŠ” κ°μ²΄μ—λŠ” result.data 값이, aaaλΌλŠ” κ°μ²΄μ—λŠ” result.data.result 값이 λ‹΄κ²¨μžˆμŠ΅λ‹ˆλ‹€.

 

 

aaa 객체와 bbb 객체 μ½˜μ†” κ²°κ³Ό

 

 

bbb.dummyλŠ” 값이 μ œλŒ€λ‘œ 좜λ ₯λ˜μ§€λ§Œ aaa.dummyλŠ” null이 좜λ ₯λœκ²ƒμ„ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. 이유λ₯Ό μ•„μ‹œκ² λ‚˜μš”?

κ·Έ μ΄μœ λŠ” crud.list.onComplete λΌλŠ” ν•¨μˆ˜κ°€ bbb κ°μ²΄μ—μ„œ μ˜€λ²„λΌμ΄λ”© λ˜μ—ˆκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

 

 

app.ready(function(){
		aaa.init();
		bbb.init();
});

 

 

aaa 객체가 호좜되고 κ·Έ 후에 bbb 객체가 ν˜ΈμΆœλ˜λ©΄μ„œ bbb 객체에 맞게 μ˜€λ²„λΌμ΄λ”© λ˜μ—ˆκΈ° λ•Œλ¬Έμ— 값이 μ—†λŠ” κ²ƒμž…λ‹ˆλ‹€.

 

γ…£κ²°λ‘ 

 

μ„œλ²„μ—μ„œ 받은 response 값듀을 생 κ·ΈλŒ€λ‘œ 개발자 도ꡬ μ½˜μ†”μ— 좜λ ₯ν• μˆ˜λŠ” μ—†μŠ΅λ‹ˆλ‹€. κ·Έλž˜μ„œ λ§Œμ•½ 좜λ ₯ν•˜κ³  μ‹Άλ‹€λ©΄ μž„μ˜μ˜ ν•œ 객체에 넣은 ν›„ 좜λ ₯ν•˜μ‹œλ©΄ λ©λ‹ˆλ‹€.

 

 

μ½μ–΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€.

μ§ˆλ¬Έμ€ μ–Έμ œλ‚˜ ν™˜μ˜ν•©λ‹ˆλ‹€.

 

"λ‚œ λ°˜λ“œμ‹œ λ°±μ—”λ“œ 왕이 될거야"

λ°˜μ‘ν˜•
profile on loading

Loading...