프로그래밍44

• [자바스크립트] Date 객체 및 D-day(디데이 날짜 및 시간 계산 Date 객체 날짜 및 시간을 구하는 객체 Date 객체 생성 new Date() : 현재 날짜 및 현재 시간를 가진 객체 생성 new Date(년, 월 - 1, 일, 시, 분, 초, 밀리 초) : 매개변수 값으로 날짜를 가진 객체가 생성된다. 월 계산시 (-1)을 주의 사용 예 // 현재 날짜 구하기 var now = new Date(); // 날짜 객체 생성하기 var newDay = new Date(2020, 7, 1, 10, 20, 30, 40); document.write("now : " + now); document.write(" "); document.write(" "); document.write("newDay : " + newDay); document.write(" "); 결과값 Date.. 프로그래밍/자바스크립트 2017. 8. 27.

• 

  [안드로이드] TTS(TextToSpeech) 음성출력 사용하기 TTS (Text To Speech) 안드로이드 기능중에 텍스트를 읽어주는 TTS(Text To Speech)라는 특별한 기능이 있다. 이 기능으로 인해서 따로 성우의 목소리로 녹음을 하지 않아도 텍스트 작업으로만으로도 음성 출력 기능을 사용할 수 있다. 사용 방법은 간단하다. 1. TTS 객체를 생성한다. 2. TTS를 초기화 한다. 3. 원하는 문장을 음성 출력한다. 4. 사용 후 객체를 제거한다. 위 순서대로 코드를 만들어 본다. * activity_main.xml 위와 같이 테스트할 레이아웃을 만들고 자바코드 작업을 한다. * MainActivity.java package com.studio572.sampletts; import android.os.Bundle; import android.spee.. 프로그래밍/안드로이드 2017. 8. 26.

• 

  [자바스크립트] 문서 객체 동적 생성 - createElement(), createTextNode(), appendChild(), innerHTML() 문서 객체 동적 생성 문서 객체 동적 생성(1) HTML 에 정의 되어 있지 않은 요소 노드와 텍스트 노드를 동적 생성한다. 아래에서 요소 노드와 텍스트 노드에 대해 알아본다. 본문 내용 동적 생성하기 html, head, title, body 와 같은 태그를 요소 노드라 한다 태그 사이에 '문서 객체 동적 생성' 또는 태그 사이에 있는 '본문 내용 동적 생성하기' 를 텍스트 노드라 한다. 문서 객체를 동적 생성을 위해 아래를 참고한다. 요소 노드 생성 : createElement(tag) - html 태그를 매개변수로 넘긴다. 텍스트 노드 생성 : createTextNode(text) - html 태그 사이에 넣을 텍스트를 매개변수로 넘긴다. html에 연동 하기 appendChild(노드) : 위에서.. 프로그래밍/자바스크립트 2017. 8. 25.

• 

  [안드로이드] Margin 과 Padding의 차이점과 사용방법 - (마진과 패딩 차이점) *Magin과 Padding의 차이점과 사용방법 안드로이드 개발시 위젯을 위치할 때, margin과 padding을 사용하여 임의의 수치만큼 여백을 둘 수 있다. margin 과 padding의 사용되는 상황을 아래 그림으로 살펴본다. 위 그림을 보면 주황색의 TextView 위젯이 놓여져있다. 그 뒤에는 초록색의 부모 레이아웃이 위치한다. Margin : 위젯(여기서는 TextView)이 부모 레이아웃의 테두리로부터의 여백을 말한다. android:layout_marginTop, android:layout_marginBottom, android:layout_margin_left, android:layout_marginRight 의 속성으로 상하좌우의 여백을 각각 지정할 수 있다. Padding : 위젯.. 프로그래밍/안드로이드 2017. 8. 25.

• 

  [자바스크립트] window.resizeTo(), window.resizeBy() - 윈도우 크기 변경 윈도우 크기 - window.resizeTo(x, y) | window.resizeBy(x, y) window객체의 멤버 메소드(resizeTo(), resizeBy())로 윈도우 크기를 변화 시킨다. window.resizeTo(x1, y1) : 윈도우를 화면 (x1, y1) 의 크기를 가진다. window.resizeBy(x2, y2) : 윈도우를 화면을 현 크기에서 (x2, y2) 만큼 증가시킨다. 사용 예 [script] // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px'); childWindow.document.write('window resize'); // 윈도우 시작 크기 - 단위 px childWi.. 프로그래밍/자바스크립트 2017. 8. 24.

• 

  [안드로이드] ActionBar에서 Tab, ViewPager 사용하기 액션바 근래에 배포되는 앱을 보면, 앱 상단에 타이틀바 외에도 액션바를 사용하는 것을 많이 볼 수 있다. 액션바 기능중에 탭은 스마트폰의 작은 화면을 효율적으로 사용할 수 있는 기능중에 하나이다. 여기서 탭과 스와이프로 프라그먼트 3개화면을 사용하는 앱을 만들어본다. * actionbar_n_tabbar01.xml MainActivity 에 참조될 레이아웃이다. 스와이프로 화면이동 할 수 있게하는 android.support.v4.view.ViewPager 를 정의한다. * fragment1.xml 첫번째 Tab에 출력될 프라그먼트이다. * fragment2.xml 두번째 Tab에 출력될 프라그먼트이다. * fragment3.xml 세번째 Tab에 출력될 프라그먼트이다. 프라그먼트를 상속받는 클래스를 3.. 프로그래밍/안드로이드 2017. 8. 24.

• 

  [자바스크립트] window.open() 속성 및 사용법 window.open() 윈도우 새창을 생성할 때 호출한다. 자식 윈도우로 접근할 수 있다. 새창 (자식)윈도우 생성 window.open([URL], [NAME], [FEATURES], [REPLACE]); [URL] : 새창으로 띄울 웹 페이지 주소 [NAME] : 새창 이름 [FEATURES] : 새창의 옵션(크기, 위치, 메뉴바 등의 옵션 설정) [REPLACE] : 히스토리 리스트 옵션 사용 예 var childWindow01 = window.open('', 'child01', 'top=100px, left=100px, height=500px, width=500px'); childWindow01.document.write('자식창 childWindow01'); childWindow01.docum.. 프로그래밍/자바스크립트 2017. 8. 23.

• 

  [안드로이드] ImageView에 Bitmap 최적화 로딩하기 - OutOfMemoryError 처리 안드로이드 이미지뷰에 비트맵 이미지를 로딩하다 보면 java.lang.OutOfMemoryError 가 발생하는 경우가 있다. 이미지 용량이 너무 커서 발생하는 에러이다. 이미지 용량이 몇 메가 이상일 때(?) 라는 정해진 용량은 없는것 같다. 스마트폰에 따라 또는 안드로이드 OS에 따라 에러가 발생하는 이미지의 용량은 다를 수 있다. 그럼 이 현상을 어떻게 처리하면 될 것인가? 로드할 비트맵 이미지의 사이즈를 줄여서 이미지의 용량을 줄이는 방법을 사용한다. 하지만 이미지 사이즈를 너무 줄이면 해상도가 떨어져 알아볼 수 없을 정도가 되기 때문에 적당한 크기로 줄이는 것이 좋을 것이다. 아래에 OutOfMemoryError가 발생할 때 처리하는 소스 코드를 살펴본다. 코딩에 앞서 res/drawable/ .. 프로그래밍/안드로이드 2017. 8. 23.

• 

  [안드로이드] ImageView scaleType 속성별 차이 예제 안드로이드의 이미지를 출력하는 ImageView의 속성중 scaleType에 대해서 알아본다. 위젯 ImageView를 아래와 같이 작성한다. 이미지뷰에 sample_image를 출력할 것이다. 이 때 android:scaleType 속성의 옵션값에 따라 이미지 비율, 크기 등이 다르게 출력된다. * android:scaleType의 옵션값은 8개로 나누어진다. 1. android:scaleType="center" : 이미지 원본 크기와 비율을 유지하며 이미지의 중앙을 layout_width, layout_height 안에 출력한다. 이 때 레이아웃보다 이미지가 크면 레이아웃의 벗어난 이미지는 출력되지 않은다. 레이아웃보다 이미지가 작으면 이미지를 center 정렬 한다. java코드일때 - ImageV.. 프로그래밍/안드로이드 2017. 8. 22.

• [자바스크립트] Math 객체 메소드 Math 객체 수학계산에 쓰이는 Math객체 Math객체는 생성하지 않고 객체자체를 바로 사용한다. 객체 속성 Math.E : 오일러상수 값 (2.718281828459045) Math.LN10 : 밑수가 10인 사용로그 값 (2.302585092994046) Math.LN2 : 밑수가 2인 자연로그 값 (0.6931471805599453) Math.PI : 원주율 값 (3.141592653589793) Math.SQRT2 : 2의 제곱근값 (1.4142135623730951) Math 객체의 메소드 Math.abs(x) : x의 절대값 리턴 Math.ceil(x) : x보다 크거나 같은 수 중 가장 작은 정수값를 리턴 Math.floor(x) : x보다 작거나 같은 수 중 가장 큰 정수값을 리턴 Mat.. 프로그래밍/자바스크립트 2017. 8. 21.

• 

  [안드로이드] ImageView에 이미지 출력하기 안드로이드 이미지뷰에 이미지를 출력하는 방법은 여러가지이다. 자주 쓰이는 4가지 방법을 알아본다. 1. ImageView.setImageResource(R.drawable.image_sample) : res/drawable/ 폴더의 image_sample 이미지를 load하여 출력한다. 2. ImageView.setImageResource(Uri uri) : Uri에 이미지 파일 경로를 parse하여 image를 load하여 출력한다. 3. ImageView.setImageBitmap(Bitmap bitmap) : 비트맵을 load하여 보여준다. 4. ImageView. setImageDrawable(Drawable drawable) : Drawable형식의 image를 load하여 출력한다. 이 때, .. 프로그래밍/안드로이드 2017. 8. 21.

• 

  [안드로이드] Thread(쓰레드)에서 UI 변경하기 - runOnUiThread 사용하기 안드로이드는 UI 작업(업데이트)시에는 특정 UI Thread에서 사용하도록 되어있다. 그래서 UI Thread가 아닌 Thread에서 사용하면 오류가 발생한다. 이 때 Thread에서 UI작업을 할 수 있는 방법에 대해 알아본다. UI Thread를 구현하는 코드는 꽤 간단하다. Sub Thread 에서 UI작업시 runOnUiThread()를 사용한다. 사용예는 아래와 같다. runOnUiThread(new Runnable() { @Override public void run() { // 이 곳에 UI작업을 한다 } }); 실제 Thread에서 runOnUiThread를 사용하는 샘플 프로젝트 소스를 살펴본다. * activity_main.xml * MainActivity.java package co.. 프로그래밍/안드로이드 2017. 8. 20.