본문 바로가기

전체 글1411

[JavaScript] summernote 빨리 구현하기 스틱코드라는 플러그인을 이용해 썸머노트를 사용해봅시다. 스틱 코드에 등록된 코드를 간편하게 불러와서 사용해봅시다. * summernote사용하기 stickode.com/detail.html?no=2178 스틱코드 stickode.com ============================================================================ 썸머노트란? 오픈소스 이지윅 에디터 웹페이지를 작성할 수 있는 HTML 편집기의 한 종류입니다. Summernote 사이트 Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library tha.. 2021. 6. 25.
[Kotlin][Android] OCR 기능을 만들어보자 안녕하세요~ 오늘은 코틀린을 사용하여 OCR(Optical character recognition) 기능을 구현해 보겠습니다. OCR는 인간이 종이 위에 써 놓은 글씨를 인지하여 텍스트 데이터로 바꿔주는 기능을 말해요. 이 포스팅에서는 스틱코드를 사용하여 글자가 들어 있는 이미지에서 글자를 인식하는 간단한 앱을 만들어보겠습니다. 해당 포스팅에 사용된 스틱코드 stickode.com/detail.html?no=2177 스틱코드 stickode.com # 환경 세팅 1. 라이브러리 추가 ▶ 해당 기능을 사용하기 위해서는 tess-two라는 모듈이 필요합니다. 위 그림처럼 build.gaddle(moudle) 파일을 열어서 맨 아래 한 줄을 추가하고 동기화시켜줍니다. 최신 버전은 여기서 확인하실 수 있습니다... 2021. 6. 24.
[JavaScript] 검색어 자동완성 만들기 안녕하세요.~ 이번시간에는 웹 프론트에서 Javascript를 사용해서 검색어 자동완성 기능을 만들어 보겠습니다. 이번시간에는 서버와의 통신은 이용하지 않고, 클라이언트 측에서만 구현해보도록 하겠습니다. 스틱코드 (stickode.com/mainlogin.html) 이번에도 역시 빠르게 만들기 위해 스틱코드 플러그인을 사용해서 만들어보겠습니다. 스틱코드는 자주쓰는 코드를 저장해서 쉽고 빠르게 사용할 수 있고, 다른사람들의 코드도 즐겨찾기를 통해 쉽게 내코드로 등록하여 사용할 수 있어 사용하는 사람이 늘어나고, 좋은 코드가 쌓일수록 강력해지는 플러그인 입니다. HTML 설정 스틱코드를 통해 HTML 코드를 설정해주도록 하겠습니다. 스틱코드를 사용하면 다음과 같이 코드가 완성됩니다. HTML 전문입니다. 여.. 2021. 6. 23.
[Java][Android] 안드로이드 전광판 만들기 오늘은 콘서트나 스포츠 경기장에서 자주 볼 수 있는 응원 전광판을 안드로이드로 만들어보도록 하겠습니다. 저희가 사용할 애니메이션은 트윈 애니메이션(Tween Animation) 입니다. 트윈 애니메이션이란? 위치타 크기, 회전을 지정한 시간내에 수행하는 애니메이션 먼저 애니메이션 XML파일을 저장할 폴더를 만들어줘야 합니다. res -> New -> Directory Directory의 이름은 anim 혹은 animation으로 만들어 주어야 합니다. 방금만든 폴더를 우클릭하고 new - animation resource file 로 애니메이션 xml파일을 생성합니다. translate_alpha.xml Translate의 속성값 입니다. fromXDelta : 애니메이션이 시작되는 X좌표지점 toXDe.. 2021. 6. 22.
[C#][JAVA]C# 클라이언트 JAVA 서버 간 TCP/IP Socket 데이터 통신 안녕하세요. 이번에는 C# 클라이언트 JAVA 서버를 이용해서 서로 TCP 데이터 TCP/IP Socket 통신을 하는 것에 대해 알아보겠습니다. 통신 방법을 알아보기 전에 TCP TCP/IP Socket 통신이란 무엇인지부터 알아봐야겠죠? TCP/IP Socket TCP/IP Networking Basics (The Java™ Tutorials > Custom Networking > Overview of Networking) The Java Tutorials have been written for JDK 8. Examples and practices described in this page don't take advantage of improvements introduced in later releas.. 2021. 6. 21.
[Kotlin][Android] Data Bindng을 이용한 계산기 어플 만들기 안녕하세요. 예전에 자바를 이용해서 계산기를 만들어 봤는데요. 이번에는 코틀린으로 구현해보도록 하겠습니다. 이번 예제에서는 특히 화면에 View들이 많이 들어가는데요. 일일이 findVidwID를 통해서 각 View를 접근하기에는 너무 힘들고 귀찮은 작업입니다. 그래서 이번에는 Data Binding을 사용해서 현재 Activity와 연결되어 있는 .xml 파일의 View에 접근해보도록 하겠습니다. Data Binding은 Jetpack의 구성요소 중 하나입니다. 제트팩은 2018년 구글 IO 행사에서 발표된 안드로이드 앱 개발 패키지 묶음입니다. 데이터 바인딩은 이름 그대로 액티비티나 프래그먼트의 데이터를 화면에 출력하는 부분을 도와주는 AAC 기법입니다. Data Binding이 무엇인지 안드로이드 .. 2021. 6. 20.
[Java][Android] MLkit를 이용한 얼굴 탐지 이번 예제에서는 구글에서 제공하는 MLkit(머신러닝 키트)를 이용해서 얼굴 탐지를 해보도록 하겠습니다. MLkit를 통해 구글이 만들어놓은 머신러닝 모델을 가져와 쉽고 빠르게 머신러닝 기술을 앱에 적용할 수 있습니다. 얼굴탐지 말고도 글자인식, 랜드마크 인식, 번역 등 여러 종류의 모델이 있으니 참고해보시면 좋을 것 같습니다. developers.google.com/ml-kit ML Kit | Google Developers Machine learning for mobile developers developers.google.com MLkit Face detection 사용법 1. 의존성 추가 dependencies { // ... // Use this dependency to bundle the mo.. 2021. 6. 19.
[JAVA][Android] 달력 빠르게 만들기 이번 포스팅에선 자바를 사용해 달력을 띄우고, 일별로 일정을 저장할 수 있는 방법에 대해 포스팅하겠습니다. 코틀린으로 만드는 방법에 대해선 아래 포스팅을 참고해 주세요. stickode.tistory.com/139 먼저 메인 화면을 만들어줍니다. 달력이 있고 일자를 클릭하면 밑에 내가 어떤 날짜를 선택했는지 텍스트뷰로 보여주며, 일정을 추가할 editText와 저장할 버튼을 만들겠습니다. 다음으로 메인 액티비티의 자바 파일을 작성하겠습니다. import android.os.Bundle; import android.widget.Button; import android.widget.CalendarView; import android.widget.EditText; import android.widget.Tex.. 2021. 6. 18.
[Kotlin][Android] 달력 만들기 안드로이드에서 제공하는 calendarview를 사용하여 달력을 만들고 특정 날짜에 일정을 파일에 저장하는 기능을 사용하도록 하겠습니다 calendarview 란? 안드로이드에서 제공하는 달력 위젯 입니다. 참고) developer.android.com/reference/android/widget/CalendarView 먼저 예제에 사용할 화면을 만들어보겠습니다. 다음 예제에 사용할 코드를 작성하겠습니다. 1. 예제에 사용할 UI 정보 값 생성 ui 정보를 수정하기 위해 xml에 생성해둔 ui 정보를 호출해서 변수로 생성합니다. import android.os.Bundle import android.widget.Button import android.widget.CalendarView import and.. 2021. 6. 17.

티스토리툴바