안녕하세요, Yo플레입니다. Synology 에서 docker 로 PostgreSQL 설치하기 입니다. AWS 에서 PostgreSQL 을 사용하려고 했는데, 비용이 너무 많이 들어서 이런 저런 방법을 찾다가 Synology NAS 에서 Docker 로 PostgreSQL 을 설치하는 법을 알게되어 공유합니다. 설치 방법 설치 방법은 크게 Synology 에 Docker 설치하기 PostgreSQL Docker 이미지 받기 처음 설정으로 Docker 이미지 실행하기 원하는 계정과 Database 로 변경하기 입니다. Synology 에 docker 설치하기 Synology 의 패키지 센터에 들어가서 Docker 를 설치합니다. 그게 끝입니다. PostgreSQL Docker 이미지 받기 Docker 를 ..

개발 2022. 6. 7. 07:52

안녕하세요, Yo구르트입니다. 개발하면서 알게된 이것저것을 기록해두려고 해요. 아래 코드로 원하는 프로젝트의 경로에 Podfile을 생성할 수 있어요. pod init 코코아팜이 설치되어 있지 않아서 오류가 발생 설치시도 sudo gem install cocoapods 오류발생 homebrew를 통해서 cocoapops 재설치 gem list | grep cocoapods brew install cocoapods pod 설치 확인 실행완료 후, Podfile파일 생성을 확인 할 수 있어요.

개발 2021. 11. 16. 23:27

안녕하세요, Yo플레입니다. 오늘은 맥북 실리콘 M1에서 Jekyll을 활용한 블로그 만들기를 소개해보겠습니다. Jekyll을 활용하여 블로그를 만들어보고 싶어서 여러 사이트를 참고하였는데, ruby 설치가 안된다거나, jekyll serve 실행이 안된다거나 하는 문제가 있었습니다. 그러다가 아래 블로그를 참고하여 만들 수 있었습니다. 참고 https://ogaeng.com/jekyll-blog-install/ Terminal을 Rosetta를 사용하여 열기 설정 Finder > 응용 프로그램 > 유틸리티 > 터미널에서 양손가락 클릭 > 정보 가져오기를 선택하면 터미널 정보 창이 열립니다. 여기서 Rosetta를 이용하여 열기를 체크합니다. rvm, ruby 설치하기 jekyll을 사용하기 위해서는. ..

개발 2021. 2. 14. 01:04

안녕하세요, Yo플레입니다. 라즈베리파이3의 OS를 설치하였다면 이제 Wi-Fi 연결 설정 및 SSH 연결을 해보겠습니다. 보통은 라즈베리파이에 W-Fi와 ssh 접속 설정하려면 모니터와 키보드, 마우스를 연결해서 직접 설정해야 합니다. 하지만 이번에는 Wi-Fi와 ssh를 미리 설정해놓고 바로 ssh 프로그램으로 접속할 수 있도록 해보겠습니다. Wi-Fi 연결 설정하기 Wi-Fi 설정을 위해서 PC에 라즈베리파이가 설치된 MicroSD 카드를 넣습니다. 메모장을 실행합니다. 메모장에 다음과 같이 입력합니다. ctrl_interface=DIR=/var/run/wpa_supplicant country=US update_config=1 network={ ssid="{ Wi-Fi SSID }" psk="{ 비..

개발 2021. 2. 5. 23:42

안녕하세요, Yo플레입니다. 오늘은 vuejs의 vuex에서 sessionStorage 사용법을 알아보겠습니다. 사실 vuex를 사용하였을 때 sessionStorage의 동작이 이상해서 이 글을 포스팅하게 되었습니다. 예제 보러 가기 App.vue SessonComp.vue SetDataToVuex GetDataFromVuex fromVuex : {{ sessionData }} getDataFromSessionStorage fromSessionStorage : {{ sessionData2 }} store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { test:..

개발 2021. 1. 17. 23:13

안녕하세요, Yo플레입니다. 오늘은 vuejs의 vuex를 이용한 Component간 데이터 동기화를 해보겠습니다. vuejs를 개발하다보면 Component간의 데이터 동기화가 필요한 때가 있습니다. vuex를 통해 데이터를 동기화하면 되는데, 어떤 이유에서인지 데이터가 동기화가 안되는 경우가 있습니다. 이럴 때는 데이터흐름을 살펴보는것이 좋습니다. 예제 보러 가기 App.vue Case1 Case2 CompA1 CompA2 CompB1 CompB2 main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an al..

개발 2021. 1. 17. 19:40

안녕하세요, Yo플레입니다. 오늘은 vue.js의 arccordion 접기 기능을 만들어보겠습니다. 상위 컴포넌트인 HelloWorld.vue에서 transition을 이용하여 Arccordion.vue를 조작하는 방법입니다. 예제 보러 가기 App.vue HelloWorld.vue Top Div Toggle Button Bottom Div MyComp.vue Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam et doloribus porro voluptatum? Earum eaque aut incidunt ducimus, eum in nostrum numquam tenetur odio voluptas deserunt, quas doloru..

개발 2021. 1. 17. 15:05

안녕하세요, Yo플레입니다. 오늘은 javascriptd array에서 object의 property 값으로 비교하여 정렬하는 기능을 알아보겠습니다. 예제확인 // open console; // sort object const objectArray = [ { color: "white", size: "XXL" }, { color: "red", size: "XL" }, { color: "black", size: "M" } ]; console.log(objectArray); const sortedArray = [...objectArray]; //deep copy sortedArray.sort((a, b) => (a.color > b.color ? 1 : -1)); //sort by color of object..

개발 2020. 12. 13. 15:19