본문 바로가기

스틱코드100

[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.
[Kotlin][Android] 스톱워치 만들기 안녕하세요. 이번에는 코틀린을 통해 스톱워치를 구현 해보도록 하겠습니다. 우선 만들고자 하는 화면을 그려보도록 하겠습니다. 화면구성은 다음과 같습니다. 스톱워치를 컨트롤 할 수 있는 시작과 초기화 버튼과 각 기록을 화면에 표시하는 기록하기 버튼 그리고 각 시간을 보여주는 TextView를 준비해둡니다. 이제 이를 어떻게 구현하는지 알아보도록 하겠습니다. 우선 타이머, 스톱워치 등을 구현하기 위해서는 'Thread'라는 녀석을 알아야 합니다. Thread란 프로세스(process) 내에서 실제로 작업을 수행하는 주체를 의미합니다. 즉 시간초를 세어주는 작업을 메인스레드(UI스레드)가 아닌 다른 스레드(워크 스레드, 백그라운드 스레드)로 동작시켜야 합니다. 또한 여기서 생각을 하셔야 하는게 백그라운드 스레드.. 2021. 6. 7.
[Kotlin][Android] SST(SpeechToText) 기능 구현하기 안녕하세요 ~ 오늘은 SST 기능을 구현해 보겠습니다. SpeehToText(이하 SST) 기능은 음성을 인식해서 텍스트로 변환시켜주는 기능입니다. 한번 만들어 볼까요? 스틱 코드? stickode.com/mainlogin.html STICKODE stickode.com 권한 설정 Manifest에 권한을 설정해줍니다. // MainActivity.kt // 권한 체크 코드 if (Build.VERSION.SDK_INT >= 23) ActivityCompat.requestPermissions(this, arrayOf(Manifest.permission.INTERNET, Manifest.permission.RECORD_AUDIO), REQUEST_CODE) 레이아웃 만들기 인식한 음성을 텍스트로 보여주는 .. 2021. 5. 31.
[JavaScript] 태그 추가 삭제 기능 빠르게 구현하기 안녕하세요. 웹페이지를 통해서 태그를 추가 삭제하는 기능을 빠르게 구현하는 방법을 공유하겠습니다. 태그를 추가하는 기능은 게시물 작성, 콘텐츠 등록 등 다양한 상황에서 사용되는 기능입니다. 스틱 코드에 등록해놓고 필요할 때마다 불러와 사용하면 빠르게 기능 구현이 가능합니다. stickode.com/detail.html?no=2133 스틱코드 stickode.com 1. 태그 추가 추가할 태그를 입력하고 엔터(Enter)를 누르면 태그가 추가됩니다. 2. 태그 중복 체크 이미 추가된 태그는 중복 체크하여 추가하지 못하도록 처리했습니다. 3. 태그 여러 개 추가 여러 태그를 추가할 수 있습니다. 4. 태그 삭제 삭제할 태그에 마우스를 옮기면 해당 태그만 색상이 변경됩니다. x 버튼을 누르면 태그가 삭제됩니다.. 2021. 5. 28.
[Kotlin][Android] 안드로이드 다국어 지원 여러 국가를 대상으로 하는 앱을 만들떄, 해당 국가의 언어에 맞게 여러 언어를 제공해줘야 할 필요가 있습니다. 이번 예제에서는 어떻게 다국어를 지원해줄 수 있는지 알아보도록 하겠습니다. 여러 나라에세 서비스를 출시 할려면, 해당 나라가 쓰는 언어들을 지원해 줘야 합니다. 이번 시간에는 kotlin으로 앱 내에서 언어 설정을 변경하는 방법을 알아보도록 하겠습니다. 저번 자바에서 사용했던 화면을 그대로 사용하겠습니다. (자바로 언어 설정을 바꾸는 방법은 이 포스팅을 참고해주세요.) activity_translation.xml 화면 구성은 라디오 버튼과 바뀐 언어를 표시할 TextView로 이루어져 있습니다. 한글 버튼을 클릭시 '샘플 문장'이 보일 것이며 영어 버튼을 클릭하면 'Sample Sentence'.. 2021. 5. 27.
[PHP] 썸네일 처리 빠르게 구현하기 안녕하세요. 클라이언트와 서버 간 이미지 트래픽을 줄이기 위해서 썸네일 작업을 진행할때가 있습니다. 이번에는 php로 썸네일 처리하는 기능을 빠르게 구현하는 방법을 공유하겠습니다! 리눅스 서버에서 웹서버가 설치 되어 있다고 가정하고 포스팅 하겠습니다. php 썸네일 소스코드 보기 stickode.com/detail.html?no=2115 스틱코드 stickode.com 사준 준비 사항 썸네일 작업처리할 원본이미지 웹루트 디렉토리(/var/www/html) 에서 이미지를 보관할 폴더를 생성 하고, 생성된 폴더에 썸네일 테스트할 이미지를 넣습니다. 저는 /var/www/html/picture/profile 폴더를 만들었고, 해당 경로에 원본이미지를 넣었습니다. 썸네일 이미지가 보관될 /var/www/html.. 2021. 5. 16.
[Kotlin][Android] Alert Dialog 다이얼로그 띄우기 안녕하세요. 이번 시간에는 Dialog를 띄워보도록 하겠습니다. 우선 Dialog가 무엇인지 알아봅시다. 안드로이드 개발자라면 당연히 안드로이드 개발자 사이트에서 봐야겠지요? developer.android.com/guide/topics/ui/dialogs 대화상자 | Android 개발자 | Android Developers 대화상자는 사용자에게 결정을 내리거나 추가 정보를 입력하라는 메시지를 표시하는 작은 창입니다. 대화상자는 화면을 가득 채우지 않으며 보통은 사용자가 다음으로 계속 진행하기 전에 조 developer.android.com 안드로이드 개발자 문서에서 설명하는 Dialog는 다음과 같습니다. A dialog is a small window that prompts the user to m.. 2021. 5. 12.
[Kotlin][Android] GPS Permission 현재 위치 값 불러오기 기능 저번 시간에 Java를 통해 사용자의 위치를 TextView에 표시하는 기능을 구현했었습니다. 이번 포스팅에서는 앞선 기능을 Kotlin으로 구현해 보도록 하겠습니다. 개발 순서 1. manifest.xml 권한 추가 2. 화면 그리기 (activity_g_p_s_permission.xml) 3. 의존성 추가 4. 코드 작성(GPSPermissionActivity.kt) 5. 결과물 개발 1. manifest.xml 권한 추가 사용자의 위치를 받아 오기 위해서는 매니페스트에 권한을 추가해줘야 합니다. developer.android.com/reference/android/Manifest.permission Manifest.permission | Android 개발자 | Android Developers .. 2021. 5. 7.
[JavaScript] 자바스크립트로 이미지 슬라이더 구현하기 이번 예제에서는 자바스크립트만을 활용한 이미지 슬라이더를 만들어보겠습니다. 먼저, 스틱코드에 올라온 이미지 슬라이더 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 jsImageSlideHTML을 입력하면 자바스크립트 이미지 슬라이드의 HTML 코드가 자동완성됩니다. 이제 호출된 코드 내에 필요한 값을 입력해줍니다. 여기서는 부분에 이미지 슬라이더에 들어갈 이미지의 주소값을 넣어주고, 이전 버튼과, 다음 버튼에 들어갈 문구를 작성해줍니다. 하단은 완성된 html 코드입니다. ← → 다음으로 html 코드에 맞추어 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 jsImageSlideCSS를 입력하면 자바스크립트 이미.. 2021. 5. 6.

티스토리툴바