[이달의 배움] 2018년 8월

[2018-08-23] Promise.all ( 전부true를 받아야하기때문에 좋지않음)

수정하겠습니다. Promise.all 에 대한 이야기 

[2018-08-23] 미디어 쿼리 사용 (블로그 카카오 광고 )

min-width : 500px -> 500보다 위인 경우에 적용  ( 너비를 500까지 보장해준다 최소 )

max-width : 500px -> 500보다 아래인 경우 적용 ( 너비를 500까지 보장해준다 최대 )

결국 0~400 까지는 oragne (주황색)

400~1024까지는 red (빨간색)

1024이상은 lightblue(하늘색) 인 경우에 대한 미디어쿼리이다

	.myclass{
			width:500px;height:500px;
			background:lightblue;
		}

		@media (min-width :400px) and (max-width:1024px){
			.myclass{
				background:red;
			}
		}

		@media (max-width:400px){
			.myclass{
				background:orange;
			}
		}

[2018-08-22] Web 외부 라이브러리인 D3.js를 EUC-KR에서 사용시 발생한 이슈 

< 해당 euc-kr에서의 그리스 문자 이슈 >

D3.js 라이브러리에서는 내부 변수로 그리스 문자를 사용하고 있습니다.

-> 해당이슈는 회사에서 로마자로 변경

그런데 사용하는 머신에서 euc-kr 인코딩 환경을 쓰게 되면 해당 문자들이 읽히지 않게 되는 현상이 생겨서

라이브러리 에서 오류가 나게 됩니다. 

제우스8 에서 로그 확인법

$JEUS_HOME/domains/jeus_domain/servers/adminServer/logs 에서

tail -f JeusServer.log 로 실시간으로 확인한다.

[2018 - 08 - 21 ] async await 와 promise then 의 사용시 유의 

async await  

promise then 난 다 알고 있다고 생각했는데 전혀 아니였다 아직도 멀었다

해당 코드를 까보지 않는 이상 안다고 말하기도 애매하다

기존의 Promise 로 만들어져서 리턴되는 함수들은

async function(){

let temp = await target.PromiseFunction();

}

와 같이 받아서 사용하게되는데

반대로 async function 으로 만들어진 경우에 대해서 then 으로 받아 사용할때

target.PromiseFunction()

.then( ()=>{

// First async Function 

})

.then( ()=>{

// Second async Function 

})

.catch(()=>{

console.log("Error");

});

으로 사용하면 될줄 알았는데 then 의 순서가 뒤바뀌여 사용되는 경우가 있다.

잘못된 점은

async function 을 then  으로 받아서 쓸때는

then(()=>{

return target.PromiseFunction();

});

으로 주어야지 다음 then 으로 넘겨 주게 된다.

Promise 객체로 넘어온 배열에 대해서

.map 으로 순회시에는

Promise.all을 사용하여야 한다.

var searchMenu =await Promise.all(firstDepth.map(async i =>{

var txt = await i.getText();

if(txt==='Second Depth'){

return i;

}

}));

위의 map같은 경우는 문제가 없지만

불필요한 선회를 줄이기 위해서 some이나 every , find 등을 쓰고싶었지만 동작하지 않는다.

왜?

Promise.all은 반환 값을 Array 로 받아야하지만 some,every 는 boolean 이고 find는 Element 를 받기 때문이다.

-> for문으로 바꾸자 

수정