본문 바로가기

분류 전체보기

 (72)
[Flutter] 설치 1. 플루터 공식 사이트에서 SDK 다운https://docs.flutter.dev/release/archive 2. 환경 변수 설정시스템속성 > 환경 변수Path > 편집새로만들기 > 설치한 flutter 폴더 내 bin의 경로 추가 > 확인 3. cmd창에 flutter --version 명령어 또는 flutter doctor를 치면 설치확인이 가능하다.만약 아래와 같이 나온다면....[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0) ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses= An..
[Android] Public IP 사용 login history를 따로 작업해야하는 일이 생겼다. 원래는 서버에서 ip가져오는 작업을 해서 처리하려했으나 네트워크, 서버 구조상 계속 내부주소가 찍히는 문제가 발생했다.^^ 그렇게 나의 3일 방황기가 시작되었따... android에서 ip가져오는 건 단 한번의 검색으로 쉽게 작업했다. 스택오버플로에서 따온 코드를 살짝 수정만으로도 잘나와서 잘못된 코드인줄도 몰랐다.아 잘못된 코드는 아니지 목적에 맞지않는 코드였을 뿐. public ip를 가져와야하는데 로그를 찍으면 로컬네트워크로 찍힌다. 로컬네트워크라는 것도 ipv6을 ipv4로 변환해보고나서야 알았다.(ipv6 -> ipv4로 변환은 주소체계가 달라서 안될 수도 있다.) 아래는 그에 대한 코드이다. (주의! 로컬네트워크 주소가져오는 코드임)p..
[Kotlin] 코틀린 기초 Kotlin in Action 2장 정리 내용 함수와 변수간단한 예제인 "Hello, world"를 보며 정리해보자.//자바의 경우public static void main(String[] args) { System.out.println("Hello, World!")}// 코틀린의 경우fun main(args: Array) { println("Hello, World!")}함수를 선언할 때 fun을 사용한다.파라미터 이름 뒤에 해당 파라미터의 타입을 쓴다.자바와 달리 클래스 안에 함수를 넣을 필요 없이 최상위 수준에서 정의할 수 있다.배열도 일반적인 클래스처럼 사용된다. 자바와 달리 배열 처리를 위한 문법이 따로 존재하지 않는다.System.out.println을 사용하지않고  println만으로 함..
html5-qrcode 사용정리 html5-qrcode 사용해서 Android WebView QR적용을 하려한다. 이 라이브러리는 다 좋은데 https, localhost에서만 작동한다. 그래서 안드로이드로 테스트를 하고싶다면 ngrok라는 프로그램을 사용해서 로컬호스트를 외부접속이 가능하게 해줘야한다. 사용법은 어렵지 않으니 구글링해서 찾아보면 바로 나온다. 공통사항 resources/static/js파일 안에 html5-qrcode.min.js 파일을 넣어주고 아래와 같이 넣어준다. 기본UI가 있는 QRscan사용법 위에 사진처럼 기본 UI를 사용하고 싶다면 function onScanSuccess(decodedText, decodedResult) { // Handle on success condition with the decod..
Cesium 사용 정리(kml 이용한 지도 정보 표출) 이번프로젝트에서 사용한 라이브러리 중에 cesium에 대해 정리하고자 한다. Spring boot를 사용하는 웹프로젝트에서 사용되므로 다른 환경(Node나 뭐...기타등등)은 다른 글을 참고바람. Cesium은 3D 지리 공간 데이터 시각화를 위한 오픈 소스 지리 정보 시각화 라이브러리로 Cesium을 사용하면 웹브라우저에서 고성능의 3D 지도와 가상 지구를 생성하고 지구 상에 다양한 공각 데이터를 표현할 수 있다. 자바스크립트 기반으로 작성되어있고 오픈소스로 WebGL을 사용해서 3D 그래픽을 렌더링해서 3D시각화를 구현할 수 있다. https://cesium.com/learn/cesiumjs-learn/ 를 참고하면된다. Cesium을 사용하기 위해서는 몇가지 해줘야하는데 가입하기 https://io..
Jquery 기본 정리 Jquery는 자바스크립트기반의 라이브러리로 웹 페이지 상에서 다양한 상호작용과 동적인 기능을 구현하는 데 사용된다. Jquery를 이용하면 HTML문서의 요소를 쉽게 선택하고 조작할 수 있다. 예를 들어, 특정 HTML 요소를 선택하고 스타일을 변경하거나, 클릭 이벤트에 반응하여 특정 동작을 수행하는 등 다양한 조작이 가능하다. 기본 문법 $(제어대상).method1().method2(); 1. jQuery(제어대상 || 선택자).method1().method2(); 로도 쓸 수 있다. $(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌때문에 위와같이 사용할 수 있다. 2. 제어대상에는 css.셀렉터, html 엘리먼트를 사용하며, 2개이상 넣어줄 수 있..
MQTT MQTT는 경량의 Pub/Sub 메시지 프로토콜로 M2M, IoT에서 사용하기위해 낮은 전력, 낮은 대역폭 환경에서 사용될 수 있도록 설계되었고 TCP/IP프로토콜 위에서 동작하지만 가볍고 많은 통신 제약을 해결해준다. 하지만 메세지가 가벼운만큼 메세지 유형이나 서비스품질(QoS)에는 제약이 따른다. 장점 1. 효율적이면서 가벼움 IoT 디바이스에서 구현할 때는 최소한의 리소스가 필요하다. 마이크로컨트롤러에서도 사용될 수 있어야해서 가장 작은 MQTT 메시진 데이터 2byte정도로 작다. MQTT 메시지 헤더도 작기때문에 네트워크 대역폭을 최적화할 수 있다. 2. 연결성 MQTT 브로커와 연결을 요청하는 클라이언트는 TCP/IP 소켓연결을 하고 네트워크 사정에 의해 연결을 끊어지거나 명시적으로 연결을 끊..
[JavaScript] 오류 확인 백엔드인데...............프론트에서 오류날 때마다 버벅대다가 정리해본다. 개발자가 아니여도 알고있는 크롬브라우저의 개발자도구! 개발자도구는 단축키 [F12]를 누르거나 굳이 [Ctrl]+[Shift]+[I]를 동시에 눌러도 실행이 된다. 키보드가 망가져서 단축키를 누르지 못하는 상황이라면 오른쪽 상단에 메뉴(점세개) - 도구 더 보기 - 개발자 도구를 클릭하면 된다. Elements : html/CSS 상태 확인 Console : 콘솔 (변수 정보를 확인하고 오류 메시지 표시) Sources : 스크립트 디버깅 (break point 지정 및 변수 모니터링 등) Network : 브라우저에서 발생하는 통신 상태 Performance(예전 Timeline패널) : 성능 측정 Memory(예전 P..

티스토리툴바