Program development
-
[WEB 개발] 001_1 javascript 에서 class 사용하기Program development/web 2021. 6. 4. 02:23
"001 라즈베리 파이와 nodejs로 만드는 timer" 에서 사용한 javascript class 에 대해 알아보고자 합니다. 목표 : javascript 에서 class 사용하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. 기본문법 접근자 프로퍼티 getter setter 기본문법 기본 문법은 아래와 같습니다. class MyClass{ constructor() {} method1() {} method2() {} } 기본문법에서 보이는 것과 같이 자바스크립트는 생성자만 존재하며 소멸자는 존재하지 않습니다. 상세한 내용은 아래 페이지를 접근하시면 더 많은 정보를 얻으실 수 있습니다. https://ko.javascript.info/class 클래스와 기본 문법 ko.javascript.inf..
-
[WEB 개발] 001 라즈베리 파이와 nodejs로 만드는 timerProgram development/web 2021. 6. 4. 01:06
이번에는 요청이 들어와서 개발과정을 정리하고 요약하며 정보를 전달드리고자합니다 목표 : nodejs 를 이용한 정말 간단한 timer 프로그램 개발 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. 최종결과물 확인 nodejs 개발환경 구축하기 port 설정하기 jade를 이용한 view 구현 javascript 를 이용한 timer code 구현 javascript 를 이용한 sound code 구현 javascript 를 이용한 sound + timer code 구현 nohup 으로 세션이 닫혀도 실행되게 만들기 최종코드 최종결과물 확인 먼저 만들고자하는 결과물부터 확인하실 수 있도록 링크를 연결해 두겠습니다. 아래 링크는 항상 서비스하는 프로그램은 아닙니다. http://mgpark1102.ip..
-
[Flutter] 1.3 Flutter webview 설정하기Program development/android 2021. 5. 22. 22:04
이번 프로젝트의 목적은 flutter 와 웹뷰를 이용하여 최대한 빠르게 프로젝트를 구성하여 사용자의 재유입을 확인하고 프로젝트가 얼마나 사용자의 니즈에 맞는지 확인하기 위한 프로젝트입니다. 목표 : 빠른 어플개발을 통해 사용자의 니즈를 확인하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. webview란 무엇인가? webview를 설정하여 페이지를 android 앱으로 생성하기 1. webview란 무엇인가? webview란 안드로이드 앱 내에서 사용가능한 인터넷 브라우저 입니다. 안드로이드 webview를 이용하는 이유는 아래와 같습니다. 안드로이드 네이티브 앱 개발에 비해 개발이 비교적 쉽고 빠릅니다. 기기간의 호환성을 해결하기가 상대적으로 편리합니다. 타 웹사이트 링크로 가는 기능등을 지원..
-
[Flutter] 1.2 Flutter 개발 시작하기Program development/android 2021. 5. 22. 21:26
이번 프로젝트의 목적은 flutter 와 웹뷰를 이용하여 최대한 빠르게 프로젝트를 구성하여 사용자의 재유입을 확인하고 프로젝트가 얼마나 사용자의 니즈에 맞는지 확인하기 위한 프로젝트입니다. 목표 : 빠른 어플개발을 통해 사용자의 니즈를 확인하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. VS code 에서 flutter 프로젝트 시작하기 vscode에서 flutter 프로젝트 시작하기 먼저 보기 >> 명령파레트를 수행합니다. flutter:New Application Project를 선택합니다. 프로젝트 폴더를 선택합니다. 프로젝트 명을 입력합니다. 단 소문자로 입력해야합니다. 프로젝트 생성이 완료되면 아래와 같이 확인할 수 있으며 실행하면 프로그램이 시작됩니다. F5를 눌러 실행시키면 Chr..
-
[SW 공학] Usecase DiagramProgram development/SW Engineering 2021. 5. 22. 20:55
이번에는 usecase diagram에 대해 알아보려 합니다. 목표 : Usecase Diagram 그리기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. usecase diagram 필요성 usecase diagram 그리는 시기 usecase diagram 그리기 요소 usecase diagram 그리기 순서 usecase diagram 추천 무료 툴 1. usecase diagram 필요성 usecase diagram의 예제를 먼저 보겠습니다. 필자가 직접 그렸던 usecase diagram 입니다. 위의 예시를 통해 확장해서 정리하면 usecase diagram의 필요성은 다음과 같습니다. 요구사항을 선별 할 수 있음 각종 액터가 프로그램의 기능을 사용하고 상호작용하는 기능들을 표현하기 때문..
-
[Flutter] 1.1.2 flutter doctor에서 Android Tool chain 문제 해결Program development/android 2021. 5. 18. 06:59
필자는 flutter doctor를 수행한 결과 Tool chain 에서 문제가 발생했었습니다. 이를 해결하기 위한 절차는 아래와 같습니다. 목표 : Android Tool chain 문제 해결하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. Android Tool chain 문제 해결하기 Android Tool chain 문제 해결하기 만약 android studio가 설치되어 있지 않다고 뜬다면 아래 부분을 수정해 주어야 합니다. configure > Settings apperance & behavior > system settings > android SDK > SDK Tools 탭클릭 android SDK command-line Tools 설치하기 설정이 되면 아래와 같이 문제가 해결됨을..
-
[Flutter] 1.1.1 Welcome to Android Studio를 시작화면으로 설정하기Program development/android 2021. 5. 18. 06:47
아래 페이지를 프로젝트 초반에 툴설치시 자주 사용해야하지만 프로젝트를 만들면 아래 페이지가 보이지 않습니다. 이때 이 환경을 출력하기 위한 프로젝트 설정을 설명드립니다. 목표 : Welcome to Android Studio를 시작화면으로 설정하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. Welcome to Android Studio를 시작화면으로 설정하기 Welcome to Android Studio를 시작화면으로 설정하기 아래 창이 처음 실행 화면이 되도록 설정하는 방법입니다. 프로젝트 화면에서 아래 경로대로 접근하시면 재실행시 Welcome to Android Studio를 확인하실 수 있습니다. file>settings system settings>reopen projects on s..
-
[Flutter] 1.1 Flutter install, 플러터 설치하기Program development/android 2021. 5. 17. 05:59
이번 프로젝트의 목적은 flutter 와 웹뷰를 이용하여 최대한 빠르게 프로젝트를 구성하여 사용자의 재유입을 확인하고 프로젝트가 얼마나 사용자의 니즈에 맞는지 확인하기 위한 프로젝트입니다. 목표 : 빠른 어플개발을 통해 사용자의 니즈를 확인하기 이 페이지를 통해 아래 정보를 확인하실 수 있습니다. android studio, flutter SDK install android studio 로 작업을 위해 flutter 연동 Visual Studio Code에 flutter 환경 설치하기 flutter doctor로 install 확인하기 최종 실행환경 확인하기 1. android studio, flutter SDK install 먼저 flutter와 안드로이드 앱 개발을 위해 안드로이드 스튜디오를 설치하고..