전체 글 233

Flutter 플러터 ElevatedButton class 정의 및 간단사용법

1. ElevatedButton 의미입체적인,, 솟아올라온 모양의 높은 버튼,, 상승되어 보이는 버튼,, 정도로 이해하면 될 것 같습니다 2. ElevatedButton 예제비활성화 버튼과 활성화 버튼 두가지 예제 입니다. 아래 소스 코드와 화면을 참고해주세요import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { final ButtonStyle style = ElevatedButton.styleFrom(t..

Develop/Flutter 2024.07.03

VSCode 에서 github url 연동해서 소스 갖고오기

내가 관리하는 혹은 다른사람의 github url 을 vsc 에 clone git repository 연동해서 소스를 갖고와야할 경우가 많다. 단순 몇번의 클릭만으로 쉽게 연동하는 방법 입니다. 1. VSC 새로운창 열기 [command + shift + N] 단축키를 클릭하거나 [File -> New Window] 메뉴를 클릭합니다. 2. GitHub url 연결시작 welcome 창에 보이는 [clone git repository] 를 클릭하면 상단에 github url 을 입력할 수 있는 창이 활성화 됩니다.나의 gihub url 이나 타인에게 받은 url 을 입력 합니다. 내 github 는 사이트 접속 후 원하는 repository 를 클릭해서 녹색의 code 버튼을 클릭 후 url 복사 버튼을..

Develop/Settings.. 2024.06.28

Flutter 플러터 photo_manager 사용하기 IOS 필요한 설정

Flutter 플러터로 사진앱을 사용하기 위해 dart package 인 photo_manager 를 설치 합니다. ● photo_manager 설치 터미널에서 명령어를 실행 합니다.flutter pub add photo_managerhttps://pub.dev/packages/photo_manager photo_manager | Flutter packageA Flutter plugin that provides album assets abstraction management APIs on Android, iOS, macOS, and OpenHarmony.pub.dev ● IOS  설정 (iOS config preparation)ios/Runner/Info.plist 파일을 열고 아래 내용을 추가해 줍니다..

Develop/Flutter 2024.06.26

환율 API 사용하기 수출입은행 Open API 제공

개인적으로 필요한 앱 기능을 개발하다가 환율정보가 필요한 부분이 있어 검색해 보니 수출입은행에서 환율 API 를 제공한다고 해서 사용해보기로 합니다.  ● 수출입은행 접속https://www.koreaexim.go.kr/ir/HPHKIR019M01수출입은행 Open API 메뉴에 접속합니다. 3가지의 Open API 가 제공 됩니다. 국제금리, 대출금리, 현재환율 API  ● 인증키 발급 신청필요한 API 를 클릭하고 하단으로 스크롤 하다가 보면 [인증키 발급신청] 버튼이 보입니다. 인증키를 신청하고 발급받아야지 API 사용이 가능 합니다.본인인증을 거쳐 인증키를 발급받으면 [나의 인증키 발급내역] 에 발급된 내역을 조회할 수 있습니다. 발급받은 인증키로 브라우저에 접속하면 아래처럼 환율을 조회할 수 있..

Develop 2024.06.26

IntelliJ gradle 프로젝트를 eclipse(sts4) gradle project로 간편 이동 복사 import

intellij 를 개인적으로 비용을 지불하고 사용하고 있지는 않아 프로젝트 하는 회사에서 지원을 해주면 사용하지만 이번에는 아쉽게도 지원을 해주지 않아 기존 프로젝트를 eclipse 로 이동합니다. intellij gradle 프로젝트를 eclipse gradle 프로젝트로 전환하는 방법  ● intellij 에서 eclipse 파일 생성intellij 에서 [file -> export -> Project to Eclipse...] 클릭 합니다.그러면 아래처럼 .classpath .project 2가지 파일이 생성 됩니다.  ● eclipse 에서 intellij 프로젝트 importeclipse 에서 [우클릭 -> import] 클릭 합니다. Existing Projects into Workspace..

Develop/Settings.. 2024.06.26

Sublime Text 편집기 설치 case conversion 사용하기

개발을 하면서 누구나 하나 이상의 편집기툴을 사용할 겁니다저는 주로 Sublime Text 를 사용합니다. 다중 선택과 다양한 표기법 변환이 가능하기 때문 입니다camel_case, snake_case, pascal_case 등등 다양한 convert case 사용 할 수 있습니다 먼저 사이트에 접속해 다운받아 설치 합니다https://www.sublimetext.com Sublime Text - the sophisticated text editor for code, markup and proseAvailable on Mac, Windows and Linuxwww.sublimetext.com ● Package Control 설치sublime text 를 실행 [command + shift + p] 를 누..

Develop/Settings.. 2024.06.26

MAC 맥북 STS4 (Spring Tool Suite) Lombok 설치 및 적용

1. Lombok 다운로드공식사이트에서 lombok.jar 파일을 다운로드 받습니다.https://projectlombok.org/download Download projectlombok.org 2. Lombok 설치 적용다운받은 lombok.jar 파일을 sts4 설치 경로로 복사 해야 합니다.먼저 Finder 응용프로그램에서 SpringToolSuite4.app 우클릭으로 패키지 내용 보기를 클릭 합니다. 아래 보이는 경로로 이동해 lombok.jar 파일을 복사해 줍니다. lombok.jar 파일을 복사한 경로를 경로복사 다시 해주시고 터미널로 이동 합니다.터미널로 이동 했으면 아래 명령어를 실행 합니다.java -jar lombok.jar 명령어를 실행하면 설치창이 뜨고 [Specify locat..

Develop/Settings.. 2024.06.19

[vscode] 터미널에서 code . 명령어로 VSCode 실행하기

● VSCode 에서 code command PATH 설치하기터미널에서 code 명령어를 치면 vscode 가 실행 됩니다. 그런데 vscode 를 설치했다고 바로 사용가능한 것은 아닙니다. code 명령어를 사용하기 위해 vscode 를 실행하고[cmmand + shift + p] 키를 누르고 아래 내용을 복사해서 붙여넣습니다install code command path그리고 code command path 를 install 하고 다시 터미널창에서 code 명령어를 사용하면 vscode 가 실행되는걸 확인할 수 있습니다.아래처럼 code 명령어가 유효한 명령어로 바뀌어 녹색으로 표시되네요.뒤에 경로는 . 을 붙이면 현재 경로를 오픈하고 다른 경로를 오픈하고 싶을때는 절대경로를 적어주시면 됩니다.아래 터..

Develop/Settings.. 2024.06.18

Controller 의 리턴값으로 ModelAndView("jsonView") 사용할 때 해야하는 설정

● 오류 내용Error resolving template [jsonView], template might not exist or might not be accessible by any of the configured Template ResolversModelAndView mv = new ModelAndView("jsonView");Controller 리턴 값으로 ModelAndView("jsonView") 사용할 때 해줘야 하는 설정이 있습니다.아래 두가지 중에 한가지만 설정하시면 됩니다. 현재 사용하는 프레임워크 설정에 맞춰서 추가해 주세요 1. @Configuration@Configuration란? Spring 에서 Bean 등록할 수 있는 어노테이션 중 하나 입니다.@Configuration 어노테..

Develop/JAVA 2024.06.17

VSC (Visual Studio Code) 에 플러터 (flutter) 개발 코딩을 위한 세팅 및 플러그인 Extensions 설치

● VSC (Visual Studio Code) 설치이제 본격적으로 플러터 (flutter) 개발 코딩을 하기 위해서 개발툴을 설치해야 합니다. 플러터와 vsc 의 궁합이 너무 좋고 지원하는 플러그인 (extensions) 기능이 막강하기 때문에 vsc 로 플러터 개발을 시작하는걸 추천 드립니다. vsc 사이트에 접속 후 본인 장비에 맞는 설치프로그램을 다운 받아 설치 합니다. https://code.visualstudio.com Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud app..

Develop/Flutter 2024.06.17