본문 바로가기

프로그래밍

(16)
Ask 익명질문 개발기 Typescript + Vue(Nuxt) + Firebase를 이용하여 Ask페이지를 만들어보았습니다.디자인하기 위해 Bulma.io 프레임워크를 사용했습니다. 페이지에서 질문 요청을 날리면 답변을 대기하기까지 기다리는 공간 또는 답변이 완료돼서 질문이 저장될 공간(DB)를 마련해야되는데 Firebase cloudstore 을(를) 이용하였습니다. Bulma를 이용하여 디자인을 완료하였습니다.Firebase가 server-side, client-side 둘 다 지원하는 라이브러리라서 client-side를 server-side로 쓰다보니 삽질을 많이 했었습니다. 페이지에서 질문을 요청하면 HTTP(Rest) API를 통하여 서버로 요청을 하게 만들었습니다. 메인 페이지에서 질문을 클릭하면 상세 페이지로 ..
AirQualityTool 디자인 재작업 2018년 8월에 아두이노를 이용해서 웹에서 집의 온도, 습도, 공기품질을 확인할 수 있는 프로젝트를 진행하였습니다.당시에는 웹디자인을 부트스트랩으로 제작하였으며 각 그래프들을 한 페이지에 표시해 보기 편하지는 않았습니다. 그래프의 가독성을 조금이나마 높이고자 디자인을 변경해보았습니다. 기존에 쓰던 부트스트랩을 안쓰고 Bulma.io를 이용하였습니다.Nuxt.js를 이용하여 프론트엔드를 제작하였으며 Express로 만들어진 백엔드를 JavaScript에서 TypeScript로 변경하였습니다. 본문과 사이드바를 나누어주었습니다.사이드바는 컴포넌트로 분리하고 어느 페이지에 가도 항상 표시되기 때문에 layouts/default.vue에 넣어두었습니다. 마지막으로 본문에 그래프를 넣어 완성하였습니다. 온습도 ..
온습도 및 미세먼지 측정, 시각화 - AirQualityTool 안녕하세요 :D 오랜만에 아두이노(NodeMCU) 프로젝트입니다! 집 안의 온습도 및 미세먼지는 기록하여 DB에 저장 후 그래프를 통해 보여주는 프로젝트입니다. 사용부품 : NodeMCU (CH340), DHT11, Grove DustSensor서버측 사용언어 : Node.js사용 데이터베이스 : MariaDB 제가 쓴 NodeMCU의 경우 일반적으로 많이 쓰이는 브레드보드에 들어가는 사이즈가 아니라서저런 방식으로... NodeMCU는 3V 출력만 지원하기 때문에 먼지 센서의 경우 외부전원을 이용해주었습니다. 사진처럼 그래프를 통해 현재 상태를 보여줍니다. GitHub : https://github.com/SkyLightQP/AirQualityTool
java.util.ConcurrentModificationException 오류 java.util.ConcurrentModificationException 오류 java.util.ConcurrentModificationException는 어떤 오류이며 어떻게 해결하는지 써보고자 합니다.해당 오류는 보통 List를 for문에 넣고 돌리면서 값을 remove() 할 때 발생합니다. 값을 삭제시 List의 size가 줄어들어 기존 index와 맞지 않아 오류가 발생하는 것입니다. 해결방법은 iterator을 이용하여 해결합니다. 12345List list = new ArrayList();Iterator it = list.iterator();while (it.hasNext()){ it.remove();}Colored by Color Scriptercs ※ 해당 내용은 기록의 목적으로 작성되..
[모든버전][SP] ItemUtility v1.0.0 - 서버에서 쉽게 아이템을 관리해보자! [ ItemUtility v1.0.0 ] 서버에서 쉽게 아이템을 관리해보자! [ 설명 ] 명령어(또는 파일)로 아이템을 관리할 수 있으며GUI로 이루어진 아이템 목록으로 쉽게 관리가 가능합니다. [ 명령어 ] https://github.com/SkyLightQP/ItemUtility참고 [ 펄미션 ] itemutility.* [ 다운로드 ] GitHub Releases https://github.com/SkyLightQP/ItemUtility/releasesDropBox https://goo.gl/9kCrbP
TelegramScreenShotBot 스크린샷 키를 누르면 해당 프로그램을 통해 텔레그램 특정 채널로 사진을 전송해주는 봇을 제작 중입니다.게임이 끝나고 게임 결과를 저장하기 위한 목적으로 제작 중입니다. 위와 같은 GUI로 구성하였습니다. (개발 당시 인증코드를 너무 많이 요청해서 일정 시간 차단을 먹은....)시험도 끝났으니 계속 개발해야겠네요
[Gradle] Jar 빌드 경로 설정하기 Gradle로 빌드하게 되면 보통은 프로젝트 폴더 안에 Jar 파일이 생기게 된다.이 경로를 바꾸는 방법은 아래와 같다. [ build.gradle ] 1234jar { destinationDir new File("C:/Project")} Colored by Color Scriptercs 검색어하늘빛, 하늘빛QP, 그래들, Gradle, Groovy, Java, 자바, Gradle Build, Gradle 빌드
플러그인의 1부터 10까지! - 콘피그 응용 플러그인의 1부터 10까지!라고 읽고 응용 강좌라고 쓴다! 요번 강좌에서는 저번 강좌에 이어 콘피그를 응용하는 시간입니다.만들어볼 플러그인은 "MOTD 변경 플러그인"입니다. 강좌에서 말하는 motd는 서버 목록에서 뜨는 문구를 뜻합니다. 일단 프로젝트를 만들고 명령어, 콘피그 준비를 해줍시다. 준비 완료! 이번에는 이벤트를 사용 할 준비를 해줍시다.MOTD 변경은 ServerListPing 이벤트에서 변경합니다. 그 다음 motd를 콘피그에서 불러올 것이기에 loadConfig에 미리 내용으로 만들어줍시다. 123456789101112 private void loadConfig() { config = YamlConfiguration.loadConfiguration(file); try { if (!fil..