개발노트

안드로이드 인트로 화면

http://hoyanet.pe.kr/740

http://androphil.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%ED%8F%B0-%EC%98%A4%EB%9D%BC%ED%81%B4-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4%EC%99%80-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0-model-1-jsp

onResume()

- 홈버튼을 이용해 나가던지 Back버튼으로 나가던지 onDestory()함수를 사용하지 않는다면,

다시 앱을 실행되면onCreate()함수가 실행이 되지 않고 onResume()가 실행된다.

onPause()

- 인텐트 전달을 중지시킨다.

NDEF

- NDEF (NFC Data Exchange Format)는 NFC에서 데이터를 교환하기 위한 포맷.

- NFC 디바이스가 NFC 태그로부터 데이터를 가져올 때, 그리고 NFC 디바이스 사이에 P2P로 데이터를 전송할 때 이 포맷을 사용

NDEF 메시지

- 기본적인 메시지 단위 하나를 'NDEF 메시지 (NDEF Message)'라고 부른다.

- 하나의 NDEF 메시지는 여러 개의 'NDEF 레코드 (NDEF Record)'로 구성되어 있다.

NDEF 레코드

- 하나의 NDEF 레코드는 하나의 데이터를 담는데, 이 데이터를 '페이로드 (payload)' 라고 한다.

- 결국 이 페이로드를 전달하기 위해서는 NDEF 레코드가 필요하다.

- 페이로드 데이터는 그냥 byte 덩어리이기 때문에 이것만 보고는 이 데이터가 그냥 텍스트인지, URL인지,

이미지인지, 동영상인지 알 수가 없다. 그래서 '페이로드 타입'이 필요하다.

- 인터넷을 예로 들면, 인터넷에 있는 수많은 콘텐츠들은 모두 MIME타입이라고 하는 타입을 가지고 있다.

- PNG 이미지라면 'image/png', mpeg 동영상이라면 'video/mpeg', 그냥 텍스트라면 'text/plain' ... 이와 마찬가지로 페이로드도 타입을 갖는다.

- 하나의 메시지에 여러 개의 레코드가 존재하므로, 어떤 레코드가 다른 레코드를 참조하는 경우가 생기는데

- 이 경우 레코드에 대한 식별자가 필요하다. 이것을 페이로드 'ID'라고 한다. 대부분의 경우 이 ID가 필요없는데

 그래서 ID는 생략될 수 있다.

- 이렇게 '페이로드', '타입', 'ID' 세 가지가 NDEF 레코드의 주요 구성 요소가 된다. 실제로는 각 구성요소의 길이와 '레코드 헤더'가 추가되기 때문이다.

TNF 와 Type

- MIME 타입 이외의 다른 타입들도 포함하고자 해서, 'Type' 외에 이 Type이 MIME Type 형식으로 정의된 Type인지, 아니면 다른 형식의 Type인지를 구분할 필요가 있을 것인데, 이것이 TNF (Type Name Format)이다.

     즉, 'Type이 어떤 형식으로 되어 있는가'를 나타낸다.

http://w3c.github.io/nfc/proposals/intel/nfc.html    

https://wiki.mozilla.org/WebAPI/WebNFC

http://dev.webinos.org/specifications/draft/nfc.html

http://mobile.tutsplus.com/tutorials/android/reading-nfc-tags-with-android/

http://developer.android.com/guide/topics/connectivity/nfc/nfc.html

http://www.cyworld.com/kjky0/3982081

이 문서는 안드로이드에서 기본적인 NFC 작업을 처리하는 방법을 설명하고 있다. 기본적으로 NDEF 메시지 형식의 NFC 데이터를 안드로이드 프레임워크 API를 사용하여 송수신 하는 방법을 설명하며 NDEF 형식이 아닌 다른 형식의 데이터는 어떻게 작업해야 하는 지는 Advanced NFC를 참조하기 바란다.

안드로이드에서 NDEF 데이터를 사용하는 경우는 다음과 같이 2가지 사항이 있을 수 있다.

• NFC 태그의 NDEF 데이터를 읽기
  
• 안드로이드 빔( Android Beam™ )을 사용하여 NDEF 메시지를 하나의 장비에서 다른 장비로 전송하기

NFC 태그로 부터 NDEF 데이터를 읽는 것은 검색된 NFC 태그들을 분석하는 태그 디스패치 시스템(tag dispatch system)을 이용해 데이터를 적절하게 분류하고 분류된 데이터를 처리할 수 있는 앱을 실행한다. NFC 태그를 처리하기를 희망하는 앱은 인텐트 필터(intent-filter)를 선언하여 데이터 처리에 대해 요청하면 된다.

안드로이드 빔은 물리적으로 태깅하는 장비들을 이용하여 장비가 NDEF 메시지를 다른 장비에 푸시할 수 있도록 도와준다. 이 것은 블루투스와 같은 다른 무선 기술보다 더 쉽게 데이터를 보낼 수 있는 방법을 제공한다. 왜냐하면 NFC는 블루투스와 달리 장비 검색과 페어링이라는 단계를 요구하지 않기 때문이다.

안드로이드 빔의 연결은 자동으로 2개의 장비가 같은 범위안에 있을 때 연결된다. 안드로이드 빔은 NFC API 집합을 통해 유용하게 사용될 수 있도록 정의되어져 있어 어떠한 앱도 장비간에 정보를 송수신할 수 있도록 설계되어져 있다. 예를 들어 주소록, 브라우저 그리고 유투브 앱은 안드로이드 빔을 통해 주소록 정보, 웹 페이지 그리고 동영상을 다른 장비와 공유할 수 있다.

태그 디스패치 시스템

안드로이드 장비는 NFC가 환경설정 메뉴에서 비활성화되어져 있지 않다면 일반적으로 스크린이 잠금 해제되어져 있을 때 NFC 태그들을 찾을 것이다.

안드로이드 장비가 NFC 태그를 찾았을 때 적절한 동작은 사용하는 앱이 무엇인지 사용자에게 물어보지 않고 대부분 인텐트를 처리할 수 있는 적절한 액티비티가 처리하는 것이다. 왜냐하면 장비들은 매우 가까운 범위에서만 NFC 태그들을 스캔하므로 사용자가 수동적으로 액티비티를 선택하게 만드는 것은 사용자가 태그로 부터 멀어질 때 연결이 끊어져 원하는 작업을 수행하지 못하기 때문이다. 그러므로 당신은 액티비티 선택기가 나타나는 것을 방지되도록 오직 관심있는 태그만을 처리하는 액티비티를 개발해야 한다.

이렇게 개발되도록 돕기 위하여 안드로이드는 스캔된 NFC 태그를 분석하고 파싱하고 파싱된 데이터에 관심있는 앱을 탐색하는 특별한 태그 디스패치 시스템을 제공한다. 이 시스템은 다음과 같은 것을 한다.

1. NFC 태그 파싱과 MIME 타입 혹은 태그안에 있는 데이터 페이로드를 구분하는 URI를 알아내기.
   
2. 인텐트에 MIME 타입 혹은 URI와 페이로드를 캡슐화하기. 여기까지는 NFC 태그가 MIME 형식들과 URI들에 매핑되는 방법을 설명할 때 자세히 살펴보겠다.
   
3. 인텐트에 기반한 액티비티 실행하기. 이것은 앱에 NFC 태그 운송하는 방법에서 설명하겠다.

NFC 태그가 MIME 형식들과 URI들에 매핑되는 방법

NFC 앱을 작성하기에 앞서 태그 디스패치 시스템에서 각기 다른 NFC 태그를 어떻게 파싱하는지와 NDEF 메시지가 감지될 때 태그 디스패치 시스템이 어떻게 수행되는지를 이해하는 것이 중요하다. NFC 태그들은 많은 기술들이 있으며 여러 다른 방법으로 데이터를 태그에 쓸 수 있다. 안드로이드는 NFC 포럼에서 정의하고 있는 NDEF 표준의 대부분을 지원하고 있다.

NDEF 데이터는 하나 혹은 그 이상의 레코드들(NdefRecord)을 포함하고 있는 메시지(NdefMessage) 안에 캡슐화되어져 있다. 각각의 NDEF 레코드는 당신이 생성하고자 한 레코드의 유형에 대한 규약서를 잘 따르는 well-formed 레코드이다.

안드로이드는 또한 NDEF 데이터가 포함되지 않은 다른 태그 형식들도 지원한다. 이러한 기능과 연관된 클래스들을android.nfc.tech 패키지에 정의되어져 있다. 이 기술에 대해 더 알아보고 싶으면 Advanced NFC 토픽을 살펴보기 바란다.

다른 형식의 태그와 작업하는 것은 태그와 통신하기 위해 쓰기 위해 당신만이 사용하는 프로토콜 스택을 만들어야 하는 것이므로 당신이 많은 안드로이드 장비들에서 지원되고 가능한 쉽게 개발하기 위해 NDEF를 사용할 것을 권한다.

참고
NDEF 스펙을 다운받기 위해서는 NFC Forum Specification Download 사이트에서 받을 수 있고 NDEF 레코드들을 어떻게 구성할 수 있는지에 대한 예제는 Creating common types of NDEF records에서 참조할 수 있다.

NFC 태그 배경 지식을 가지고 다음 섹션에서는 어떻게 안드로이드에서 NDEF 형식의 태그들을 핸들링하는 지 자세히 살펴보겠다.

안드로이드 장비가 NDEF 형식의 데이터를 NFC 태그에서 스캔하면 메시지를 파싱하고 데이터의 MIME 타입 혹은 구별을 위한 URI을 찾는 것을 시도한다. 이것이 수행하려면 먼저 시스템은 전체 NDEF 메시지를 해석하는 방법을 결정하기 위해 NdefMessage 안에 있는 NdefRecord를 읽는다.(하나의 NDEF 메시지는 여러개의 NDEF 레코드들을 가질 수 있다.) well-formed NDEF 메시지안에서 첫번째에는 아래의 필드가 포함되어져 있는 NdefRecord가 있다.

3-bit TNF (Type Name Format)

변수 길이 타입 필드를 해석하는 방법을 가리킨다. 유효한 값은 아래 Table 1을 참조하기 바란다.

Variable length type

레코드의 타입을 설명한다. 만약 TNF_WELL_KNOWN을 사용하면 이 필드에 RTD(Record Type Definition)을 명시한다. 유효한 RTD 값들은 Table 2를 참조하기 바란다.

Variable length ID

레코드를 구분하기 위한 ID. 이 필드는 종종 사용되지 않지만 만약 당신이 태그를 구분하는데 필요할지도 모른다.

Variable length payload

당신이 읽거나 쓰기 원하는 실제 데이터 페이로드. 하나의 NDEF 메시지는 여러개의 NDEF 레코드들을 가질 수 있다. 그래서 전체 페이로드가 NDEF 메시지의 첫번째 NDEF 레코드라고 생각하고 처리하지 말아야 한다.

태그 디스패치 시스템은 TNF와 NDEF 메시지에서 MIME 타입 혹은 URI와 매핑을 위한 타입 필드들을 사용한다. 만약 성공적이면 실제 페이로드와 함께 ACTION_NDEF_DISCOVERED 인텐트에 정보를 캡슐화한다. 그러나 태그 디스패치 시스템이 첫번째 NDEF 레코드에 기반한 데이터의 유형을 결정할 수 없을 때가 있는데 이것은 NDEF 데이터가 MIME 타입 혹은 URI와 매핑되어져 있지 않거나 NFC 태그가 그 안에 어떠한 NDEF 데이터도 포함하고 있지 않을 때 발생한다. 이러한 경우 태그의 기술과 페이로드에 대한 정보를 가지고 있는 Tag 객체가 ACTION_NDEF_DISCOVERED 인텐트에 캡슐화된다.

Table 1은 태그 디스패치 시스템이 TNF와 MIME 타입 혹은 URI를 위한 타입 필드들이 매핑되는 방법을 설명하고 있거나 TNF들이 MIME 타입 혹은 URI와 매핑될 수 없다는 것을 설명하고 있다. 후자의 경우 태그 디스패치 시스템은ACTION_TECH_DISCOVERED 로 대체한다.

예를 들어 만약 태그 디스패치 시스템이 TNF_ABSOLUTE_URI 형식의 레코드를 만나면 레코드의 variable length type 필드가 URI에 매핑된다. 태그 디스패치 시스템은 페이로드와 같은 태그에 대한 다른 정보와 함께 ACTION_NDEF_DISCOVERED 인텐트의 데이터 필드안에 URI를 캡슐화 시킨다. 그리고 만약 TNF_UNKNOWN 형식의 레코드라면 TNF_ABSOLUTE_URI 형식의 작업 대신에 태그의 기술들을 캡슐화한 인텐트를 생성한다.

NFC 태그들이 앱에 전달되는 방법

태그 디스패치 시스템은 NFC 태그와 태그를 식별하는 정보를 캡슐화한 인텐트를 생성하고 인텐트에 대한 필터를 등록한 앱에게 인텐트를 전송한다. 만약 하나 이상의 앱에서 인텐트를 받기 원한다면 Activity Chooser가 사용자로 하여금 액티비티를 선택하도록 표시된다. 태그 디스패치 시스템은 3개의 인텐트를 정의할 수 있다. 높은 우선순위부터 낮은 우선순위로 정리하면 다음과 같다.

1. ACTION_NDEF_DISCOVERED : NDEF 페이로드가 포함된 태그가 스캔되고 인식가능한 타입을 포함하고 있을 때 액태비티를 시작시키는데 사용되는 인텐트로 제일 높은 우선순위의 인텐트이다. 그리고 태그 디스패치 시스템은 가능하다면 언제든지 다른 인텐트보다 먼저 이 인텐트와 함께 액티비티를 실행한다.
   
2. ACTION_TECH_DISCOVERED : ACTION_NDEF_DISCOVERED 인텐트를 핸들링을 위한 액티비티가 없다면 태그 디스패치 시스템은 이 인텐트와 함께 앱이 실행되도록 시도한다. 만약 스캔된 태그가 MIME 타입 혹은 URI와 매핑될 수 없는 NDEF 데이터를 포함하고 있거나 잘 알려진 태그 기술외에 다른 NDEF 데이터를 포함하고 있지 않다면 ACTION_NDEF_DISCOVERED를 먼저 시작되는 것없이 바로 이 인텐트가 시작된다.
   
3. ACTION_TAG_DISCOVERED : ACTION_NDEF_DISCOVERED 혹은 ACTION_TECH_DISCOVERED 인텐트를 핸들링하는 액티비티가 없다면 이 인텐트가 시작된다.

태그 디스패치 시스템은 기본적으로 다음과 같은 방법으로 동작한다.

1. NFC 태그를 파싱할 때 태그 디스패치 시스쳄에 의해 생성된 인텐트와 함께 액티비티가 시작되도록 시도한다. (ACTION_NDEF_DISCOVERED 혹은 ACTION_TECH_DISCOVERED 중 하나)
   
2. 만약 인텐트에 대한 어떠한 액티비티도 없다면 인텐트에 대한 필터링하는 앱이 나타나거나 태그 디스패치 시스템이 가능한 모든 인텐트를 시도할 때까지 다음 낮은 순위의 인텐트(ACTION_TECH_DISCOVERED 혹은 ACTION_TAG_DISCOVERED 중 하나) 와 함께 액티비티가 시작되도록 시도한다.
   
3. 만약 어떠한 앱도 인텐트들에 대해 필터링되지 않으면 어떠한 것도 하지 않는다.

Transaction 사용하기

Transaction 를 사용하기 위해서는 그룹 설정을 해줘야 한다.

service.xml 설정

xmlns:tx="http://www.springframework.org/schema/tx"

http://www.springframework.org/schema/tx

http://www.springframework.org/schema/tx/spring-tx.xsd

<context:component-scan base-package="bit.java39.dao, bit.java39.service">

<tx:annotation-driven transaction-manager="transactionManager"/>

serviceImpl.java 설정

@Transactional(rollbackFor=Exception.class)

Aspect-oriented programming

service.xml 

xmlns:aop="http://www.springframework.org/schema/aop"

http://www.springframework.org/schema/aop

http://www.springframework.org/schema/aop/spring-aop.xsd

LoggingAspect.java 

@Aspect

@Component

public class LoggingAspect {

// fully-qualified name(QName) = 패키지명 + 클래스명

// AspectJ poingcut expression

// execution(메소드 범위 리턴타입 QName.메소드명(파라미터들)

// 예) execution(public int net.bitacademy.**.add(*))

   // @Before("execution(* bit.java39.dao.*.*(..))")//("표현식")

       // @Before("execution(* *.*(..))")//("표현식")

@Before("execution(* *..dao.*.*(..))")//("표현식")

public void logBefore(JoinPoint joinPoint){

System.out.println(joinPoint.getSignature().getDeclaringTypeName());

System.out.println(joinPoint.getSignature().getName());

System.out.println(Arrays.toString(joinPoint.getArgs()));

System.out.println("============================> 이전...");

}

@After("execution(* *..dao.*.*(..))")//("표현식")

public void logAfter(){

System.out.println("==============================> 이후....");

}

}

AspectJ의 Pointcut 표현식

  □ POJO 클래스를 이용하여 AOP를 적용하는 두 가지 방법

    - XML 스키마를 이용하여 Aspect를 설정하는 방법.

    - @Aspect 어노테이션을 이용하여 Aspect를 설정하는 방법.

    ■ 두 방법의 공통점

      - AspectJ의 문법을 이용하여 Pointcut을 설정.

    ■ <aop:태그>를 이용하여 Aspect를 설정하는 경우

      - execution 명시자를 이용하여 Advice가 적용될 Pointcut을 설정.

 <aop:aspect id="cacheAspect" ref="cache">

    <aop:around method="read"

        pointcut="execution(public * kame.spring.chap03.core.*.readArticle(..))" />

 </aop:aspect>

  □ AspectJ의 Pointcut 표현식

    - AspectJ는 Pointcut을 명시할 수 있는 다양한 명시자를 제공.

    - 스프링은 메서드 호출과 관련된 명시자만을 지원.

    ■ execution 명시자

      - Advice를 적용할 메서드를 명시할 때 사용.

      ○ 기본 형식

 execution(수식어패턴? 리턴타입패턴 패키지패턴?이름패턴(파라미터패턴)

        ● 수식어 패턴

          - 생략가능한 부분.

          - public, protected 등이 옴.

        ● 리턴타입패턴

          - 리턴 타입을 명시

        ● 클래스이름 패턴, 이름패턴

          - 클래스 이름 및 메서드 이름을 패턴으로 명시.

        ● 파라미터패턴

          - 매칭될 파라미터에 대해서 명시.

      ○ 특징

        - 각 패턴은 '*'를 이용하여 모든 값을 표현.

        - '..'을 이용하여 0개 이상이라는 의미를 표현.

      ○ 설정 예

        ● execution(public void set*(..))

          - 리턴 타입이 void이고 메서드 이름이 set으로 시작하고, 파라미터가 0개 이상인 메서드 호출.

        ● execution(* kame.spring.chap03.core.*.*())

          - kame.spring.chap03.core 패키지의 파라미터가 없는 모든 메서드 호출.

        ● execution(*.kame.spring.chap03.core..*.*(..))

          - kame.spring.chap03.core 패키지 및 하위 패키지에 있는 파라미터가 0개 이상인 메서드 호출.

        ● execution(Integer kame.spring.chap03.core.WriteArticleService.write(..))

          - 리턴 타입이 Integer인 WriteArticleService 인터페이스의 write() 메서드 호출.

        ● execution(* get*(*))

          - 이름이 get으로 시작하고 1개의 파라미터를 갖는 메서드 호출.

        ● execution(* get*(*, *))

          - 이름이 get으로 시작하고 2개의 파라미터를 갖는 메서드 호출.

        ● execution(* read*(Integer, ..))

          - 메서드 이름이 read로 시작하고, 첫 번째 파라미터 타입이 Integer이며, 1개 이상의 파라미터를 갖는 메서드 호출.

    ■ within 명시자

      - 메서드가 아닌 특정 타입에 속하는 메서드를 Pointcut으로 설정할 때 사용.

      ○ 설정 예

        ● within(kame.spring.chap03.core.WriteArticleService)

          - WriteArticleService 인터페이스의 모든 메서드 호출.

        ● within(kame.spring.chap03.core.*)

          - kame.spring.chap03.core 패키지에 있는 모든 메서드 호출.

        ● within(kame.spring.chap03.core..*)

          - kame.spring.chap03.core 패키지 및 그 하위 패키지에 있는 모든 메서드 호출.

    ■ bean 명시자

      - 스프링 2.5 버전부터 스프링에서 추가적으로 제공하는 명시자.

      - 스프링 빈 이름을 이용하여 Pointcut을 정의.

      - 빈 이름의 패턴을 갖는다.

      ○ 설정 예

        ● bean(writeArticleService)

          - 이름이 writeArticleService인 빈의 메서드 호출.

        ● bean(*ArticleService)

          - 이름이 ArticleServie로 끝나는 빈의 메서드 호출.

    ■ 표현식 연결

      - 각각의 표현식은 '&&' 나 '||' 연산자를 이용하여 연결 가능.

      ○ @Aspect 어노테이션을 이용하는 경우

        - '&&' 연산자를 사용하여 두 표현식을 모두 만족하는 Joinpoint에만 Advice가 적용.

 @AfterThrowing(

    pointcut = "execution(public * get*()) && execution(public void set*(..))")

 public void throwingLogging() {

    ...

 }

      ○ XML 스키마를 이용하여 Aspect를 설정하는 경우

        - '&&'나 '||' 연산자를 사용.

 <aop:pointcut id="propertyMethod"

     expression="execution(public * get*()) &amp;&amp; execution(public void set*(..))" />

         - XML 문서이기 때문에 값에 들어가는 '&&' '||'를 '&amp;&amp;'로 표현.

         - 설정파일에서 '&&'나 '||' 대신 'and'와 'or'를 사용할 수 있도록 하고 있음.

 <aop:pointcut id="propertyMethod"

     expression="execution(public * get*()) and execution(public void set*(..))" />

  □ 프록시 구현 방식에 따른 execution 적용 차이

    - Pointcut은 실제로 프록시가 구현하고 있는 인터페이스를 기준으로 Pointcut을 적용.

    - 인터페이스를 구현하고 있는 대상 객체에 대해서 Pointcut을 정의하려면 인터페이스를 기준으로 Pointcut을 작성.

 <aop:aspect id="cacheAspect" ref="cache">

    <aop:around method="read"

        pointcut="execution(public * kame..core.ReadArticleServiceImpl.get*(..))" />

 </aop:aspect>

 <bean id="readArticleService" class="kame.spring.chap03.core.ReadArticleServiceImpl" />

         - ReadArticleServiceImpl 클래스가 ReadArticleService 인터페이스를 구현하고 있다면, 

           <aop:around>는 ReadArticleServiceImpl 클래스의 get으로 시작하는 메서드에 적용.

           (<aop:around> 태그에서 명시한 Pointcut은 readArticleService 빈에는 적용되지 않음.)

         - ReadArticleServiceImpl 클래스가 인터페이스를 구현하고 있지 않다면,

           생성된 프록시는 ReadArticleServiceImpl 클래스를 상속받아 생성됨. (Pointcut은 readArticleService 빈에만 적용.)

transaction =>> insert, update, delete

transaction

프로그래밍 (직접 코딩) coding

filter(by aop) coding (코딩) aop ==> 메소드 앞 뒤로 지정

annotation 서버에서 직접 작업(유지보수에 좋다)

ownership – 서비스는 여러개의 Dao를 사용 가능하다.

Signature() 메서드 선언규칙 ==> 리턴타입 메소드명(파라미터)

자바스크립트엔진(V8) 위에서 동작하는 이벤트처리 I/O프레임워크

대부분의 자바스크립트가 웹 브라우저에서 실행되는 것과는 달리, Node.js는 서버 측에서 실행

실직적으로 서버사이드 자바스크립트 실행환경과 라이브러리, 이렇게 두 가지로 이루어져 있음

확장이 용이한 네트워크 프로그램을 쉽게 만들 수 있도록 함

많은 클라이언트 연결을 동시적으로 다룰 수 있음

node.js 설정

http://nodejs.org/ 에 접속해서.. 인스톨 파일을 다운받는다.

컴퓨터 속성에서 환경 변수를 변경해야한다.

시스템 변수 - Path

본인 컴퓨터에 맞는 설치 위치의 폴더명을 추가해서 넣으세요

C:\Users\Administrator\AppData\Local\Android\android-sdk\platform-tools;

C:\Users\Administrator\AppData\Local\Android\android-sdk\tools;

명령프롬프트  창을 실행

node 입력

npm install -g cordova

npm info cordova

프로젝트 만들기

cordova create HelloWorld net.bitacademy.java39.hello " Hello World"

cordova platform add android

폴더가 만들어진다.

cordova platforms ls

cordova build

이클립스에서 Hello_World 

안드로이드 어플리케이션을 실행

JAVA SCRIPT

변수와 자료형

자료형 검사: typeof()

자료형: null, undefined

기본 라이브러리

prompt(), confirm(), alert()

배열: [ , , , ]

---

==와 ===의 차이

---

**자바스크립트의 배경지식

1. 변수는 페이지 단위로 관리된다.

- 페이지 내에 있는 변수는 다른 페이지에서 접근할 수 없다.

- 페이지와 페이지 사이에는 절대로 변수를 공유할 수 없다.

탭과 탭은 별도의 윈도우라는 것을 알아야 한다.

2.  글로벌 변수는 그 페이지 내에서 어디서든 접근할 수 있는 변수.

-예전에는 오프너라 해서 다른 창에 있는 변수 접근이 가능했으나

현재는 자바스크립트 보안 관계로 다른 창의 변수를 가져올 수 없도록 하였다

0. 변수와 자료형

- 변수 선언 : 자바스크립트는 데이터형을 선언하지 않는다.

var a; => 이 변수에는 어떠한 값을 넣어도 가능하다.

a=10;         (number 데이터형)

a=홍길동;   (String 데이터형)

a= true;       (boolean 데이터형)

a= new Object();     (Object 데이터형)

a=function() {};     ( function 데이터형)

- 출력 : 브라우저의 콘솔 창으로 출력할 수 있다.

ex> console.log(10);

- 바인딩 : 변수의 데이터형이 결정되는 것

언제 결정이 되는 것인가? => 값을 할당한 후 결정된다.

ex>var b; => 바인딩이 안되어 있는 상태

console.log(b);

1. 자료형 검사 : typeof()

자료형 : null, undefined

- 변수의 데이터형 알아내기 : 바인딩 된 후 변수의 데이터 형 확인 typeof()

ex>b=10;

console.log(typeof(b));

b=10.5;

console.log(typeof(b));

-동적 바인딩(dynamic binding <> static binding ex: Java, C, C++, C#)

-변수의 데이터 형은 고정되어 있지 않다. 값을 할당하는 순간 결정되기 때문이다.

자바스크립트는 값을 할당할 때 데이터 형이 결정되는 것이 특징이다.

가능한 변수의 용도를 결정했으면 그대로 사용하여야 한다.

ex> b=”홍길동”;

console.log(typeof(b));

b= true;

console.log(typeof(b));

b=null;

console.log(typeof(b));

b= new Object();

console.log(typeof(b));

b = function(){};

console.log(typeof(b));

- 이전 자바스크립트 명세에서는 var를 선언하지 않고 만든 변수는 글로벌 변수로 설정

현재는 반드시 var를 붙여야 한다.

* “use strict”;

=> 브라우저에게 자바스크립트 문법을 엄격하게 검사할 것을 요구.

스크립트를 진행하기 전에“use strict”;를 선언함으로 해서 브라우저에게 자바스크립트를 엄격하게 검사할 것을 요구한다.

이 문법은 최근 문법이다.

예전 브라우저는 일반 문자열로만 바라보지만

최근 브라우저는 문자열로 선언하더라도 일반 문자열로 보지 않고  엄격한 검사를 요구한다는 것을 인지한다.

c=20;

console.log(typeof(c));

=> 최근 브라우저는 인지를 한다. 유지보수가 어려운 상황이 발생할 수 있으므로

미연에 방지하기 위해서 “use strict” 문법을 먼저 선언해주는 것이다.

선언해주는 동시에 위에 예시는 검사해서 에러를 발생시킨다.

그러므로 이 문법을 사용할 경우에는  반드시 ‘var’ 를 통한 변수선언을 해 주어야 한다.

- 중복 선언은 오류가 아니다. 단, 기존 변수를 덮어쓴다.

var c =”홍길동”;

console.log(c);

- window 객체 : 브라우저에 미리 정의된 객체. 브라우저의 정보를 다루는 객체.

. 글로벌 변수나 함수를 포함하고 있다.

. 글로벌 변수는 모두 window 객체의 프로퍼티로 포함된다.

. 글로벌 함수도 또한 모두 window 객체에 포함된다.

ex> console.log(window.c);

ex> var d = 20;

window.e=30;

console.log(e); => e 앞에는 window 객체 레퍼런스가 생략된 것.

console.log(window.d);

2. prompt(), confirm()

ex >

var r = prompt(“당신의 나이는?”);

console.log(r);

var r2= confirm(“당신은 비트 수강생입니까?”);

console.log(r2);

alert(“오호라.... 단순 메시지 출력!”);

3. 배열 [ , , , ] ;

배열은  [ ] 내부에 데이터 형을 따지지 않으므로 어떤 형이든 입력이 가능하다.

ex>

var names = [“홍길동”, “임꺽정”, “유관순”];

for(var i = 0; i < names.length; i++){

console.log(names.[i]);

}

4. == 와 ===의 차이

var x1 = 20;

var x2 = “20”;

if(x1 == x2){

console.log(“x1 == x2”);

}

=> 앞의 값과 데이터 형을 맞추기 위해서 암시적 형변환이 발생한다.

- 암시적 형변환 없이 정확하게 데이터형과 값이 일치하는지 확인하고 싶다면?

“ === ” 활용

ex>

if(x1 === x2){

console.log(“x1 === x2”);

}else{

console.log(“x1 !== x2”);

}

* alert 창 사용

ex>

<script>

alert(‘This\’ is “String”);

alert(“This\” is ‘String’);

</script>

=> alert 창 내부에 “ ” , ‘ ’ 둘 다 사용이 가능하다. 단, 창 내부에 두가지를 혼용할 수는 없다.

혼용하기 위해서는 ‘ \ '을 위에 예시 처럼 사용하면 된다.

* 숫자와 문자열을 덧셈할 경우의 예시

<script>

       // 1번

       console.log('52 + 273');

       // 2번

       console.log(52 + 273);

       // 3번

       console.log('52' + 273);

       // 4번

       console.log(52 + '273');

       // 5번

       console.log('52' + '273');

   </script>

=>  결과

52 + 273

325

52273

52273

52273

=> 문자열은 문자열 그대로 출력/ 숫자는 그대로 더한 결과값 출력

문자 + 숫자일 경우와 문자 + 문자일 경우에는 합계가 아닌 이어 붙인 결과가 출력된다.

문자와 숫자를 더해서 합한 결과를 얻고자 할 경우에는 타입 캐스팅 하는 방법을 사용해야 한다.

ex> console.log((number)‘52’ + 273);

 <script>

       alert(Boolean(0));

       alert(Boolean(NaN));

       alert(Boolean(''));

       alert(Boolean(null));

       alert(Boolean(undefined));

   </script>

=> alert 창으로  모두 false 가 출력됨

* 조건연산자

var a = (20 > 30) ? "와~ 정말?" : "그러면 그렇지...";

console.log(a);

조건 연산자를 사용할 경우 출력은 true, false로 판단해서 결과 출력.

-> 예시문 출력결과 : "그러면 그렇지..."

*  ||와 &&의 다른 활용

ex> var x = 20;

var b = true || (x=30);

‘ || ’ 를 사용할 경우 앞에 값이 true 인 경우에는 뒤에 값은 검사하지 않고 앞의 값으로 출력

ex> var age = Number(prompt("너 나이 몇이야?", "18"));

(age > 18) || console.log("미성년입니다.");

' || ' 를 사용할 경우에는

둘 중 하나라도 true이면 true

둘 다 false일 경우는 false

둘 다 true인 경우는 true

'&& '를 사용할 경우에는

둘 중 하나라도 false이면 false

둘 다 true여야만 true이다.

둘 다 false일 경우는 당연히 false이다.

** 조건문

ex>

* if ~ else

 <script>

       // 변수를 선언합니다.

       var date = new Date( );

       var hour = date.getHours( );

       // 조건문

       if (hour < 11) {

           // "hour < 11"가 참일 때 실행합니다.

           alert('아침 먹을 시간입니다.');

       } else if (hour < 15) {

           // "hour < 11"이 거짓이고 "hour < 15"가 참일 때 실행합니다.

           alert('점심 먹을 시간입니다.');

       } else {

           // "hour < 15"가 거짓일 때 실행합니다.

           alert('저녁 먹을 시간입니다.');

       }

   </script>

원래는 else if가 자바에서는 아래와 같이 활용되어야 하는 것이 정확하다.

if (hour < 11) {

           // "hour < 11"가 참일 때 실행합니다.

           alert('아침 먹을 시간입니다.');

       } else {

      if (hour < 15) {

          // "hour < 11"이 거짓이고 "hour < 15"가 참일 때 실행합니다.

           alert('점심 먹을 시간입니다.');

       } else {

           // "hour < 15"가 거짓일 때 실행합니다.

           alert('저녁 먹을 시간입니다.');

       }

}

** 함수(function)

1. 함수 선언

- 리턴 타입이 없다. => 데이터형이 없기 때문에

- 함수 선언시 주의사항 : 파라미터 변수는 var를 붙이지 않는다.

엄격하게 검사하기 위해서 함수 선언 전에  “use strict”  를 붙인다.

- 모든 근로벌 변수, 함수는 window 객체에 포함된다.

ex>

<script>

console.log(plus(10, 11));

=> plus 함수는 다음 script 엘리먼트에서 만들기 때문에 여기서는 호출할 수 없다.

    스크립트는 순서대로 실행이되므로 함수 이전에 console.log를 찍게 되면 찾을 수 없으므로 결과를 출력할 수 없다.

</script>

<script>

“use strict”;

function plus(a, b){

return a+b;

}

console.log(plus(10, 20));

console.log(window.plus(10, 20));

</script>

2. 자바스크립트 실행 순서

- 자바스크립트는 <script></script> 엘리먼트 단위 순서대로 실행된다.

 script element 안에서는 함수 선언을 먼저 실행하고 => 함수 밖의 문장을 순서대로 실행한다.

- 다음 스크립트 엘리먼트에서는 이전 스크립트 엘리먼트에서 만든 변수나 함수는 글로벌 변수, 함수이므로  접근할 수 있다.

ex>

<script>

console.log(plus(20, 30));

</script>

=> 스크립트 엘리먼트가 나뉘더라도 위에 함수가 먼저 선언되었으므로

정상적으로 실행될 수 있다.

3. 함수 선언2

-  함수 객체를 생성하는 방법

(함수 선언이 아니라 함수를 선언하는 방법으로 객체를 생성한 것이다.)

ex> "use strict";

var plus = function(a, b){

return a+ b;

};

console.log(plus(50, 50));