프로그래머가 된 티벳여우

1. VS Code에서 ESLint 플러그인 설치 2. 프로젝트 내에 package.json내에서 아래와 같이 수정 //path: 프로젝트 폴더 명/package.json "eslintConfig": { ... "extends": [ "plugin:vue/recommended", // essential에서 recommended로 변경 "eslint:recommended" ], ... }, 3. 프로젝트에서 탐색기 빈공간에 오른쪽 버튼 클릭 -> 폴더 설정 열기 선택 4. 설정의 검색창에 eslint 검색 후 setting.json 편접 클릭 5. 아래와 같은 내용 삽입 { "eslint.codeAction.showDocumentation": { "enable": true }, "eslint.validat..

우선은 코드 편집툴입니다. Visual Studio Code 입니다. 바로 다운 받도록 합시다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 이 툴의 강력한 점은 방대한 양의 플러그인을 제공해..

C#이나 Java, Javascript등의 언어들은 GC를 통해 매모리를 관리하기에 개발자가 특별히 메모리 관리를 해줄 필요가 없습니다. (물론 GC를 생각하며 프로그램 안짜면 메모리 누수가 발생될수 있다.) 그러나 C++의 경우 개발자가 메모리를 관리를 해줘야합니다. 이것은 ESP32를 C++로 돌릴때도 마찬가지입니다. 코드를 잘못짜게 되면 Heap영역을 계속적으로 잡아먹게 되고 결국에는 ESP32가 재부팅됩니다. if(millis() - heapCheckMillis > 1000){ memcurr = ESP.getFreeHeap(); Serial.printf("FREEHeap: %d; DIFF %d\n", memcurr, memcurr - memlast); memlast = memcurr; heapCh..

상하 좌우 1dp만큼의 width로 외각선 그리기 위 아래만 보더를 줄 경우는 원하지 않는 위치에 -1dp 씩 주면된다. 만약 보더에 관련된 내용을 조절하려면 stroke 의 값들을 조절하면된다.

이번 포스트는 카카오 SDK를 이용하여 카카오 맵을 연결해보도록 하겠습니다. apis.map.kakao.com/android/guide/ 먼저 위의 URL에 접속해보도록 합시다. 지금 현재 사용하려는 SDK 버전은 1.4.1.0 입니다. 일단 다운을 받읍시다. 압축을 풀어보면 아래와 같은 파일들을 볼수 있습니다. libDaumMapAndroid.jar파일은 프로젝트 폴더에서 app/libs 폴더 내에 복사 붙여넣기 해줍시다. 나머지 3개의 arm으로 시작하는 폴더들은 app/src/main 내에 jniLibs라는 폴더를 만들고 그 안에 복사 붙여넣기 합니다. SDK만 다운받아서는 카카오맵을 사용할 수는 없습니다. 카카오에 SDK를 사용하겠다고 내 앱을 등록시켜줘야합니다. 그러기 위해선 내 앱의 hash ..

자주 사용하는 EditView에서 정규화와 filter를 이용한 입력처리를 보여주고자 한다. 먼저 EditView에서 우리는 숫자와 점 밖에 안쓰기 때문에 숫자 키보드를 나오게 하고 다른 키 입력을 못하게 막도록 다음과 같이 선언한다. android:inputType="phone" android:digits="1234567890." 이제 MainActivity단에서 onCreate단에 아래와 같이 선언해준다. val filters = arrayOfNulls(1) filters[0] = InputFilter { source, start, end, dest, dstart, dend -> if (end > start) { val destTxt = dest.toString() val resultingTxt = ..

먼저 RecyclerView의 장점들을 설명하고 싶으나, 정말 많은 블로그에서 설명하고 있음으로 패스. 빠르게 구현하는 방법에 대해 배워보겠다. 일단 RecyclerView에 사용할 SubitemView를 만들어보겠다. layout/recycler_factory_item.xml 을 생성한다. 이제 activity_main,xml에 위에서 만든 layout을 이용하여 recyclerView를 선언해주자. RecyclerView에 표현할 내용은 공장 정보와 그에 해당하는 IP 정보임으로 이를 위한 data class를 선언해주겠다. data class Factory ( var Name: String, var Ip: String = "" ) RecyclerView를 사용하려면 Adapter를 우리가 구현해줘야..

맨 처음 프로젝트를 만들어 Android 애뮬레이터를 통해 앱을 실행시키면 아래와 같은 타이틀 바가 생기게 됩니다. 디자인할떄 상당히 거슬리는 녀석인데 아주 간단히 없앨 수 있다. src/main/res/values/style.xml을 열어서 DarkActionBar를 NoActionBar로 바꾸어주면된다.

오늘 오전... 드디어 USB-C 케이블이 맛탱이가 가버렸습니다. 전선의 방향에 따라 연결이 되었다가 안되었다가를 반복하여 개발하다가 집어 던절뻔 하였는데 Debug를 사용하여 개발하려다보니 케이블을 붙잡고 하기 너무 어려워서 WiFi로 디버깅은 못하나 해서 찾아봤더니 이와 관련된 플러그인이 존재했습니다. Android Studio에서 File -> Settings Plugins 선택 Android WiFi ADB 설치 재시작후 다시 Android Studio를 켜보면 좌측에 Android WiFi ADB라는 탭이 생겼습니다. 클릭합시다. 이제 PC 혹은 노트북을 WiFi와 연결하고 개발할 스마트폰도 동일한 WiFi에 연결합시다. 그뒤 핸드폰을 PC에 연결하면 아래와 같은 내용이 나옵니다. 지금은 Sta..

이번에는 NFC를 이용하여 Ndef Message를 NFC에 읽고 쓰는 방법에 대해 알아봅시다. 일단 안드로이드에서 Empty Project를 하나 생성합니다. AndroidManifest.xml 을 열고 위쪽에 다음과 같은 내용을 넣습니다. 문법의 설명처럼 NFC의 권한을 넣고, 하드웨어에서 NFC 기능이 필요하다 라고 명시해 놓은겁니다. package com.antoine.ndef import android.app.PendingIntent import android.content.Intent import android.nfc.NdefMessage import android.nfc.NdefRecord import android.nfc.NfcAdapter import android.nfc.Tag impo..