본문 바로가기

분류 전체보기1418

[JavaScript] 입력 값 복사해서 다른 입력창에 값 넣어주기 자바스크립트을 활용하여 입력값을 복사해서 다른 입력창에 값을 넣어주는 예제를 만들어보겠습니다. 먼저, 스틱코드에 올라온 '입력된 값 복사해서 붙여넣기' 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 copyInputValue-HTML을 입력하면 이번 예제의 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 주문고객 정보 보내시는 분: 연락처: 주소: 배송지 정보 주문 고객 정보와 동일 받으시는 분: 연락처: 주소: 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 copyInputValue-CSS를 입력하면 이번 예제의 css 코드 샘플이.. 2021. 6. 14.
[JAVA][Android] 안드로이드 OCR 기능 만들기 안녕하세요~ 오늘은 OCR(Optical character recognition) 기능을 구현해 보겠습니다. OCR는 인간이 종이 위에 써 놓은 글씨를 인지하여 텍스트 데이터로 바꿔주는 기능을 말해요. 이 포스팅에서는 스틱코드를 사용하여 글자가 들어 있는 이미지에서 글자를 인식하는 간단한 앱을 만들어보겠습니다. 스틱코드? stickode.com/mainlogin.html STICKODE stickode.com # 환경 세팅 1. 라이브러리 추가 ▶ 해당 기능을 사용하기 위해서는 tess-two라는 모듈이 필요합니다. 위 그림처럼 build.gaddle(moudle) 파일을 열어서 맨 아래 한 줄을 추가하고 동기화시켜줍니다. 최신 버전은 여기서 확인하실 수 있습니다. 2. Language Data 추가 ▶.. 2021. 6. 13.
[JavaScript] 웹에서 음악 재생하기 스틱코드라는 플러그인을 이용해 웹에서 음악 재생 예제를 만들어봅시다. 스틱 코드에 등록된 코드를 간편하게 불러와서 사용해봅시다. * 웹에서 음악 재생하기 stickode.com/detail.html?no=2157 스틱코드 stickode.com ============================================================================ 전체코드입니다. 스틱코드 호출태그 : 웹에서 음악 재생하기 자바스크립트에서는 Audio 객체를 이용해서 오디오를 재생할 수 있습니다. Audio 객체 는 다음과 같은 속성과 메소드를 가집니다. 속성 src audio 파일의 경로나 url 을 지정합니다. volume audio의 음량을 설정합니다. 0~1 사이의 값을 가지며, 1.. 2021. 6. 12.
[JAVA][Android] 라이브 방송 화면 만들기 오늘은 라이브 방송 화면을 만들어 보겠습니다. 카메라의 화면을 그냥 보여주면 되는거 아닌가? 싶겠지만 자세히 보면 카메라 화면 위에 채팅화면과 좋아요 등등의 뷰가 추가된 걸 보실수 있습니다. 이런 화면을 구성하기 위해서 필요한 뷰가 있습니다. 바로 SurfaceView인데요 SurfaceView는 View를 상속받은 클래스로 일반 View는 onDraw 메소드를 시스템에서 자동으로 호출해줌으로써 화면을 그린다면 SurfaceView는 그리기를 시스템에 맡기는 것이 아니라 스레드를 이용해 강제로 화면에 그림으로써 원하는 시점에 바로 화면에 그릴 수 있습니다. SurfaceView는 자기 영역 부분의 Window를 뚫어서(punch) 자신이 보여지게끔 하고 Window와 View가 블렌딩되어 화면 에 보여지.. 2021. 6. 11.
[JAVA][android] WiFi정보 스캔 빠르게 구현하기 안녕하세요. 안드로이드에서 WiFi정보 스캔하는 방법을 공유해보겠습니다! 자주 사용하는 코드는 스틱 코드에 등록하면 간편하게 불러와서 사용할 수 있습니다. stickode.com/detail.html?no=2156 스틱코드 stickode.com 1. manifest 필요한 퍼미션 등록 2. 사용자 권한요청 3. wifi정보 스캔 코드 4. 테스트 결과 1. manifest 필요한 퍼미션 등록 위치정보와 wifi 상태를 확인할 수 있는 퍼미션 등록 2. 사용자 권한 요청 if (ContextCompat.checkSelfPermission(MainActivity.this, Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GR.. 2021. 6. 9.
[JAVA][Android] 로또 QR 코드 웹뷰 띄워주기 안녕하세요! 오늘은 스틱코드를 이용하여 로또 QR 코드를 이용하여, 당첨 여부를 확인하는 웹사이트를 웹뷰로 띄우도록 하겠습니다. 진행 순서는 다음과 같이 진행하겠습니다. 1. 카메라로 QR코드 인식하기 2. 웹뷰 띄우기 3. 네트워크 권한 변경하기 0. 사전 작업 시작에 앞서 QR코드 인식 및 웹뷰를 사용하기 위해 build.gradle, AndroidManifest 먼저 작업하도록 하겠습니다. build.gradle(Module: app) QR코드 인식 라이브러리인 'zxing'을 사용하기 위해 SDK 최소 버전을 24로 설정해줍니다. 'dependencies' 에 다음과 같이 추가해 줍니다. 매니페스트 파일을 열어 인터넷, 카메라 권한 및 하드웨어 가속하도록 아래와 같이 추가해줍니다. AndroidM.. 2021. 6. 8.
[Kotlin][Android] 스톱워치 만들기 안녕하세요. 이번에는 코틀린을 통해 스톱워치를 구현 해보도록 하겠습니다. 우선 만들고자 하는 화면을 그려보도록 하겠습니다. 화면구성은 다음과 같습니다. 스톱워치를 컨트롤 할 수 있는 시작과 초기화 버튼과 각 기록을 화면에 표시하는 기록하기 버튼 그리고 각 시간을 보여주는 TextView를 준비해둡니다. 이제 이를 어떻게 구현하는지 알아보도록 하겠습니다. 우선 타이머, 스톱워치 등을 구현하기 위해서는 'Thread'라는 녀석을 알아야 합니다. Thread란 프로세스(process) 내에서 실제로 작업을 수행하는 주체를 의미합니다. 즉 시간초를 세어주는 작업을 메인스레드(UI스레드)가 아닌 다른 스레드(워크 스레드, 백그라운드 스레드)로 동작시켜야 합니다. 또한 여기서 생각을 하셔야 하는게 백그라운드 스레드.. 2021. 6. 7.
[JAVA][Android] 안드로이드 STT 오늘은 STT(Speech to Text) 음성을 텍스트로 변환하는 예제를 구현해보도록 하겠습니다. AndroidManifest.xml STT에 필요한 권한을 매니페스트에 추가해줍니다. activity_main.xml 그 다음 STT를 실행할 레이아웃을 만들어줍니다. TextView, Button이 각각 1개씩 있는 간단한 레이아웃입니다. 음성인식 시작 버튼을 누르면 음성인식을 시작하게 되고, 인식된 내용이 위의 TextView에 보이도록 할 예정입니다. STTActivity.java 다음으로 STT를 실행할 코드를 작성해보겠습니다. import android.speech.RecognitionListener; import android.speech.RecognizerIntent; import androi.. 2021. 6. 6.
[Kotlin][Android] 커스텀 다이얼로그 빠르게 만들기 이번 포스팅에선 코틀린으로 커스텀 다이얼로그를 만드는 방법에 대해 포스팅하겠습니다. 자바로 만드는 방법에 대해선 아래 포스팅을 참고해 주세요. stickode.tistory.com/14 [Java][Android] 내 입맛대로 다이얼로그 커스텀하기 안녕하세요 이번에는 다이얼로그를 커스텀 하고 나만의 다이얼로그를 만드는 방법을 알아볼 예정입니다. 안드로이드의 다이얼로그는 기본적으로 제공하는 Alert Dialog가 있습니다. 하지만 개인 stickode.tistory.com 이 포스팅에서 사용된 모든 예제 코드는 아래 주소에서 확인하실 수 있습니다. stickode.com/detail.html?no=2147 스틱코드 stickode.com 먼저 메인 액티비티의 xml을 만들겠습니다. 텍스트뷰 하나를 놓을 .. 2021. 6. 5.

티스토리툴바