WWW : World Wide Wonsama

TypeScript 2.1 출시

https://www.typescriptlang.org

Microsoft는 TypeScript 2.1을 출시하여 불필요한 타이핑을 줄이고 도구 체인을 간소화하는 많은 기능을 제공합니다.

이 릴리스 이전에는 TypeScript가 async / await를 지원했지만 ES2015를 대상으로 만했습니다. 이 코드는 고급 환경에서만 사용할 수 있도록 개발되었지만 모든 브라우저에서 개발되지 않은 개발자에게는 적합하지 않습니다. 개발자는 코드를 모든 브라우저에서 사용 가능한 상태로 변환하기 위해 도구 체인에 추가로 transpiler (Babel과 같은)를 추가해야했습니다.

2.1을 사용하면 TypeScript에서 ES3 / ES5 레벨 코드로 비동기 / 대기 상태로 바벨을 필요하지 않게 할 수 있습니다.

React에서 근무하는 TypeScript 개발자의 경우 스프레드 연산자의 부족은 코드를 변경하거나 바벨을 추가하여 처리하는 것을 의미합니다. React에서 스프레드 연산자는 속성을 하위 수준 구성 요소에 전달하거나 상태를 변형 할 때 자주 사용됩니다. 2.1 이전 버전에서 그러기 위해 TypeScript는 변환을 처리 할 Babel을 추가해야했습니다. 스프레드 연산자는 다른 방법으로도 유용하지만 개발자가 없으면 개발자가 JavaScript 피쳐 객체를 사용해야 객체를 결합 할 수 있습니다. 결과는 비슷하지만 스프레드 연산자는 필요한 코드의 양을 크게 줄이고 가독성을 높입니다.

TypeScript 프로그램 관리자 인 Daniel Rosenwasser는 async / await 및 spread 연산자가 Babel에서 잠시 동안 사용 가능했지만 2.1의 지연은 타이핑 시스템이 예상대로 계속 작동하는지 확인했기 때문이라고 설명합니다.

TypeScript에서 기능을 구현할 때 우리는 길이가 적절하게 입력되고 성능 특성이 합리적임을 보장합니다. 즉, 객체 휴식 / 스프레드를 사용할 때 유형이 효과적으로 적용되는 환경을 제공하지 않고 오류가 발생하면 사용자를 좌절시킬 수 있습니다. async / await을 사용하여 emit 파이프 라인을 다시 작성해야했기 때문에 방출 시간과 출력 시간을 동일하게 유지해야했습니다. 투자가 나타 났으며 TypeScript는 여전히 매우 빠릅니다.

TypeScript 2.1 Announcement에서 Rosenwasser는 keyof 연산자, 더 쉬운 임포트 및 매핑 된 유형과 같은 많은 다른 새로운 기능을 수행합니다. Rosenwasser는 매핑 된 유형이 "TypeScript 2.1에서 가장 흥미로운 기능"이라고 말합니다. 속성이 거의 동일 할 때 개발자가 기존 객체의 새로운 변종을 만들 필요가 없도록했습니다. 수입 경험을 개선하기 위해 Rosenwasser는 솔루션이 더욱 유연 해지고 있다고 말했습니다.

우리는 TypeScript를 더 신뢰해야한다고 결정했고, TypeScript 2.1에서는 패키지가 설치되어 있다면 사용할 수 있습니다.

TypeScript 2.1은 모든 일반 채널에서 사용할 수 있습니다.

출처 : https://www.infoq.com/news/2016/12/typescript-2-1-released?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global

번역 : 구글

Thread.sleep(Long.MAX_VALUE);

package kr.co.jwsnt.libs.test;


public class TeNotifyRecur{
	
	/*
	 * 결과
	 * 
	 */

	public static void main(String[] args){
		new TeNotifyRecur();
	}
	
	class TeThread extends Thread{
		
		private TeNotifyRecur p;
		
		public TeThread(TeNotifyRecur p){
			this.p = p;
		}
		
		@Override
		public void run() {
			try {
				Thread.sleep(2000);
				p.reconnect();
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
	}
	
	TeNotifyRecur(){

		System.out.println("start");
		
		connect();
		
		while(true){
			try {
				Thread.sleep(Long.MAX_VALUE);
			} catch (InterruptedException e) {
				break;
			}
		}
		System.out.println("end");
		
	}
	
	private void connect()
	{
		Object obj = new Object();
		System.out.println( "create : " + obj.hashCode() );

		try{
			Thread t = new TeThread(this);
			t.setDaemon(true);
			t.start();
			startWait();
		}catch(Exception e){
			System.out.println( "conn : " + e.toString() );
		}finally{
			close(obj);	
		}
	}
	
	private void close(Object obj){
		System.out.println( "close : " + obj.hashCode() );
		obj = null;
	}
	
	public synchronized void reconnect(){
		notify();
		connect();
	}
	
	public synchronized void startWait() throws InterruptedException{
		wait();
	}
}

public class TeParent {

	class TeChild implements Runnable{
		TeParent p;
		TeChild(TeParent p){
			this.p = p;
		}
		
		@Override
		public void run() {
			try {
				System.out.println("run-1");
				Thread.sleep(3000);
				System.out.println("run-2");
				this.p.waitEnd();
				System.out.println("run-3");
			} catch (InterruptedException e) {
				e.printStackTrace();
			}
		}
	}
	
	public synchronized void waitStart() throws InterruptedException{
		System.out.println("waitStart-1");
		wait();
		System.out.println("waitStart-2");
	}
	
	public synchronized void waitEnd(){
		System.out.println("waitEnd-1");
		notify();
		System.out.println("waitEnd-2");
	}
	
	TeParent(){
		try{
			System.out.println("job-1");
			new Thread(new TeChild(this)).start();;
			System.out.println("job-2");
			waitStart();
			System.out.println("job-3");
		}catch(Exception e){
			e.printStackTrace();
		}
	}
	
	public static void main(String[] args){
		new TeParent();
	}
}

출처 : http://slipp.net/questions/254

위 링크에서와 같이 다양한 곳에서 문제 가 발생한다.

URL 한글 파라미터 전달

DB 조회 시 설정

서버 locale 설정

JSon 인코딩 문제

등과 같이 다양한 문제가 발생하는데 위 링크를 참조 하면서 해결하면 왠만한 문제가 해결 될것 같다.

드디어 아두이노 yun + Grove 셋트를 구매 !

이제부터 하나씩 응용해 보면서 개발 해봐야지 하는 마음으로 오늘부터 하나씩 기록 해 보도록 할 예정임

아...  선 정리에 불편함이 완전 줄어 들어서 넘 좋은거 같음. 브레드 보드여 안녕 ~ 난 단위 모듈만 끼워 넣겠다 ㅋㅋㅋㅋㅋ

사운드 센서 + LED

=> 목표 : 소리가 일정 크기 이상이 되면 불이 들어오도록 함.

=> 응용 : 도서관에서 소리가 큰 사람의 자리는 불이 들어오록 함 -_-;;;

출처 : http://www.seeedstudio.com/wiki/Grove_-_Sound_Sensor

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

int LED = 13;
int SOUND_SENSOR = A0;

void setup() {
  // put your setup code here, to run once:
  Serial.begin(9600);
  pinMode(SOUND_SENSOR, INPUT); 
  pinMode(LED, OUTPUT); 
}

void loop() {
  int sensorValue = analogRead(SOUND_SENSOR);//use A0 to read the electrical signal
  Serial.print("sensorValue : ");
  Serial.println(sensorValue);
  if( sensorValue > 650 ){
    digitalWrite(LED, HIGH);
    delay(200);
  }
  digitalWrite(LED, LOW);
  
}

요약 : innerHTML 을 통해 태그를 추가해주면 됨.

기능

- 검색 단어 하이라이트

- 대소문자 무시처리

- 하이라이트 된 라인만 보이도록 처리 ( 유용할 듯 ? )

댓글로 있으면 더 좋을거 같은 기능 알려주시면 추가 할께요... 그런데 과연 댓글을 줄사람이 있을까? ㅋㅋㅋ

활용은 맘대로 사용하세요 / 출처 남겨주시면 고맙고 ... 아니면 뭐 ^^;

matches

문서 내에서 특정 단어 또는 구문을 찾을 때 유용함.

단점, 한글이 안됨 -_-;

출처 : http://alvinalexander.com/blog/post/java/java-how-case-insensitive-search-string-matches-method