본문 바로가기

전체 글

(83)
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에 넣어두었습니다. 마지막으로 본문에 그래프를 넣어 완성하였습니다. 온습도 ..
RC자동차 만들기 몇 년 전 알리익스프레스에서 RC카 만드는 세트를 구매한 적이 있습니다.장난감에 들어가는 모터가 차체 모양이 장착해서 팔았었습니다. RF 통신을 이용했었는데 연결이 자주 끊기는 바람에 만들고 잊힌 작품이였습니다.(끊기는 원인은 모르겠는데 RF 송, 수신기 원인이 아닐 수도..?) 그래서 한참 시간이 지난 지금! 통신 방식을 블루투스로 변경하여 다시 만들어보았습니다. 사용 부품: 아두이노 나노, HC-06, L298N사용 전원: 모터용 전원 18650 배터리 (3.7V * 2), 아두이노용 전원 AA 건전지 (1.5V * 4) 기존 RC카의 경우 Mirco-Type B 규격을 사용하는 아두이노 나노였습니다.개발의 편리를 위해 남는 마이크로 5핀 단자를 사용하는 아두이노로 변경하였습니다. RF 통신 모듈의 ..
도커(Docker)가 뭐지? 최근 서버컴퓨터 OS를 기존 'Windows Server 2016'에서 'Ubuntu'로 갈아탔습니다.개발 목적에서는 리눅스가 익숙한 점도 있지만, 진짜 이유는 Docker을 쓰기 위함이었죠. 오늘은 Docker가 어떤 것인지 소개해보려고 합니다. 일단 도커는 하나의 서비스가 담긴 컨테이너 단위로 작동되는 가상화 솔루션입니다. 도커가 설치된 곳이라면 컨테이너를 올려 추가적인 개발 환경 구성 없이 실행이 가능합니다.현재는 리눅스에서 크게 사용되는 것으로 알고 있으며, 윈도우, MacOS에서도 사용 가능합니다. 그럼 도커와 일반적인 VM의 차이는? 출처: https://www.docker.com/resources/what-container VM은 Guest OS를 설치하여 그 위에 서비스를 올리는 반면 도커..
자바 Pair 자바에서 Pair은 기본적으로 존재하지 않고 javafx에 속해있습니다.그래서 간단하게 작성해보았고 올려봅니다. javafx에 있는 Pair하고 거의 같습니다.(javafx에만 있는 기능하고 직렬화, toString 같은거 뺌)
Docker-Compose 부팅 시 자동시작 되게 하기 DockerCompose 자동시작 되게 할려고 구글링을 열심히 한 결과 service를 등록해주면 된다는 글을 보았습니다.근데 오류가 뜨네요. 더 찾아보니까 docker-compose.yml에 restart: always 옵션을 넣어주면 됐습니다. restart: always 옵션을 넣은 후 최소 한번 이상 수동으로 시작해준다. 끝
MariaDB Can't connect to MySQL server on 'localhost' (10061) 해결하기 로컬에서 MariaDB(MySQL)를 접속하려고 했더니 Can't connect to MySQL server on 'localhost' (10061) 오류가 뜨기 시작했다. 구글링을 통해 찾아본 해결방법으로도 해결을 못했고 이상하게도 로컬이 아닌 곳에서는 접속이 잘 됐다. 결론부터 말하자면 기본 포트를 바꾼 사람만 이 글을 참고하길..! 기본 포트를 바꿨다면 아래 명령어로 접속해보자. mysql -u -p -port= 계정이 root이고 포트가 1111이라면 mysql -u root -p -port=1111 이렇게 쓰면 되는 것이다. -u 는 계정을 정해주는 옵션이고 -p는 비밀번호를 입력하겠다는 옵션이다. 이렇게 하니까 정상적으로 연결됐다.
온습도 및 미세먼지 측정, 시각화 - AirQualityTool 안녕하세요 :D 오랜만에 아두이노(NodeMCU) 프로젝트입니다! 집 안의 온습도 및 미세먼지는 기록하여 DB에 저장 후 그래프를 통해 보여주는 프로젝트입니다. 사용부품 : NodeMCU (CH340), DHT11, Grove DustSensor서버측 사용언어 : Node.js사용 데이터베이스 : MariaDB 제가 쓴 NodeMCU의 경우 일반적으로 많이 쓰이는 브레드보드에 들어가는 사이즈가 아니라서저런 방식으로... NodeMCU는 3V 출력만 지원하기 때문에 먼지 센서의 경우 외부전원을 이용해주었습니다. 사진처럼 그래프를 통해 현재 상태를 보여줍니다. GitHub : https://github.com/SkyLightQP/AirQualityTool

반응형