박보희 개발코

안녕하세요. 오늘은 flutter에서 form을 만들 때 유용하게 사용할 수 있는 flutter_form_builder 모듈을 소개해보려 합니다. 모듈을 사용해 만든 화면은 아래와 같습니다. 또한 조건을 충족하지 않을 시 에러 메시지를 띄울 수도 있으며 signauture를 작성할 수도 있습니다. 1. 설정 flutter에서 모듈을 사용하려면 pubspec.yaml에 사용할 모듈 이름과 버전을 적어주어야 합니다. 아래 사진과 같이 pubspec.yaml 에 dependecies 아래 적어주시면 됩니다. flutter_form_builder: ^3.5.4 프로젝트에 적용하시려면 cmd 창에 명령어를 입력해주어야 됩니다. cmd 창에서 작업 중인 프로젝트에 경로로 들어와주세요. 저는 D:\flutter\wo..

안녕하세요. 오늘은 Github Desktop을 사용해 만들어 놓은 프로젝트 업로드하는 방법에 대해 알아보겠습니다. 아래 주소에서 Github Desktop 프로그램을 다운로드해주세요. https://desktop.github.com GitHub Desktop Simple collaboration from your desktop desktop.github.com 다운로드한 프로그램을 실행시키면 다음과 같은 화면이 나타납니다. Sign in to GitHub.com 을 클릭해주세요. Sign in to GitHub.com 을 클릭하신 후 github 아이디로 로그인해주세요. 정확히 입력하셨다면 Sign in 버튼을 클릭해주세요. github 로그인에 성공하시면 아래와 같은 화면이 나타납니다. 노랑 박스를 ..

안녕하세요. 오늘은 github desktop을 사용해 새로운 프로젝트 업로드하는 방법에 대해 알아보겠습니다. 아래 주소에서 github desktop 프로그램을 다운로드해주세요. https://desktop.github.com GitHub Desktop Simple collaboration from your desktop desktop.github.com 다운로드한 프로그램을 실행시키면 다음과 같은 화면이 나타납니다. Sign in to GitHub.com 을 클릭하신 후 github 아이디로 로그인해주세요. 계속 확인 버튼을 눌러주세요. 아래 화면이 나타나면 개나리색 주황 박스를 클릭해 새로운 프로젝트를 만들 것입니다. 새롭게 만들 프로젝트에 이름과 경로를 지정 후 Create repository를 ..

안녕하세요. 오늘은 nodejs에서 사용할 수 있는 colors 모듈을 사용해보려고 합니다. 1. 설치 npm install colors 2. 용법 The super nifty way ~ colors 모듈을 사용하는 최고 멋진 방법 ~ 입니다. let colors = require('colors'); console.log('Green trees'.green); console.log('Red apples, Red Red'.underline.red); console.log('Rainbow All Day'.rainbow); console.log('Drop the beat'.trap); console.log('Zebras are so fun!'.zebra); console.log('America, Heck Ye..

안녕하세요. 오늘은 안드로이드 OnClickListener를 사용하는 여러 가지 방법에 대해 알아보겠습니다. ( OnClickListener를 처음 접하시는 분은 적합하지 않은 글입니다. ) 안드로이드에서는 여러 방법으로 OnClickListener를 사용할 수 있습니다. 1. 익명 클래스 click 이벤트가 어디서 처리되는지 쉽게 확인할 수 있고, 코드가 간결하기 때문에 자주 사용된다. 이벤트가 일어나는 view(Button 등)의 개수가 적거나, 이벤트가 일어나는 view 간의 연관성이 적은 경우 이벤트 핸들러 함수 내에서 익명 클래스 외부의 변수를 참조하지 않는 경우 간단한 view 클릭 이벤트 테스트 코드를 작성하는 경우 Button btn = (Button) findViewById(R.id.bt..

안녕하세요.오늘은 vscode에 실시간 미리 보기 확장 프로그램에 대해 알아보겠습니다. vscode에 extensions: marketplace를 선택해 Live Server를 검색해주세요.그리고 install 버튼을 눌러 설치해주세요. 아래와 같이 install 버튼이 uninstall로 변경되면 HTML 파일로 돌아와주세요. HTML 파일에서 Live server 시작을 해보도록 하겠습니다.단축키를 사용하셔도 되고 마우스 클릭 버튼을 사용하셔도 됩니다. ㅡ 단축키 ㅡ window : alt + L → alt + Omac : command + L → command + O ㅡ 마우스 ㅡ마우스 오른쪽 클릭 후 Open with Live Server 를 클릭해주세요. 그럼 Live server에서 127.0..

안녕하세요. 오늘은 안드로이드에서 spinner를 사용하는 방법에 대해 알아보겠습니다. : ) ( MainActivity를 기준으로 파일 이름을 작성했습니다. ) 먼저, main_activitiy.xml에서 Spinner를 선언해주세요. 그다음, Spinner 안에 들어갈 item 목록을 작성하겠습니다. res → values 에서 arrays.xml 파일을 생성해 주신 후, 다음과 같이 작성해주세요. name은 Adapter 객체가 접근하기 위해 필요한 속성입니다. today week month 이제 MainActivity.java에서 Spinner와 Spinner에 들어갈 item을 연결하는 코드를 작성하겠습니다. public class MainActivity extends AppCompatActiv..

안녕하세요. nodejs에 express 템플릿으로 ejs를 사용하는 방법에 대해 간단하게 알아보겠습니다. ( nodejs가 설치되어 있다는 전제하에 진행하겠습니다. ) 만약 express 템플릿으로 html을 사용하고 싶은 분들은 제 다른 글을 참고해주세요. 2019/05/21 - [프로그래밍/nodejs] - [Nodejs] 노드 express 템플릿으로 html 사용하기 [Nodejs] 노드 express 템플릿으로 html 사용하기 안녕하세요. : ) 1일 1블로그를 마음먹은 지 2주째... 예기치 못한 캠프로 마음이 지쳐 5일째 블로그를 멈췄습니다... Error: Cannot find module 'html' 오늘은 nodejs express에서 html을 사용하는 방법에 대해.. boheee..