본문 바로가기

전체 글

(68)
python 에서 .exe 배포 - 1 어디서부터 설명해야할지 고민하다가 .. 처음 이문제를 어떻게 접하게됫는지부터 설명하기로.... 상황설명 : 1. 반드시 python으로 개발해야하는 상황이였다 2. 현장(각 매장)에서 쉽게 사용할 수 있도록 실행파일로 배포해야 한다. 3. 점진적으로 확장되는 상황이였다. 일단 python을 exe로 배포해주는 라이브러리는 2~3개 있엇다. (cx_freeze , pyinstaller , auto py to exe ) 모두 테스트해봣는데 별반 차이없었다. ( 빌드 컴퓨터가라 윈도우였다. ) 이제 젠킨스로 연결해서 서버에 배포하고 클라이언트에서 어떻게 받아갈지를 고민했다. 처음에 github release를 pyupdater 알아봣는데 자료도 너무없고 , 시간이 촉박해서 패스.. 간단하게 python으로 s..
한권으로 배우는 vue.js 3 - 따라해보기 4 이번에는 Chapter 4 todolist 만들기를 진행해보았습니다. 코드를 일부로 다 따라쳐보면서 진행하였습니다. 완성된 화면은 아래와 같습니다. 직접 해본이유 1. 직접 따라 치다보니 오타로인해서 에러가 많이 발생햇지만 그 에러를 잡는것 또한 재미.. 2. 직접 따라치면서 내가 사용하지않았던 문법이나 코드스타일을 경험해볼수있엇음. 3. 눈 코딩보다는 직접 따라해본서 문제도 발생시켜보고 변경도 해보면서 100% 이해 볼수있는점이 도움이된것같다. 코드 및 주석 , 동작 확인은 아래처럼 진행하면 할 수 있습니다. git clone https://github.com/baaaaaaaaaaaaam/vue3.git git reset --hard 2265c3936553b2b21a5b0a12997b2ee59e25ab..
한권으로 배우는 vue.js 3 - 따라해보기 3 이번에는 watch , props , emit , 실전 1 까지 진행해볼예정입니다. 1. watch는 지정 데이터의 변화를 감지하여 사용자가 지정한 콜백함수를 호출할 수 있게해주는 기능이다. 옵션으로 immediate 를 true로 할 경우와 하지않는경우의 차이는 최초 렌더링의 변수할당부분을 watch에서 감지할건지 하지않을건지를 결정하게한다. - Watch.vue 2 Options API 의 watch 로 감시하고자 하는 대상이 객체나 리스트라면 deep 옵션을 true로 설정 해야 감시가 가능하다. 하지만 Composition API를 사용하는 경우 상관없다 - Watch.vue Compositions API 방식 Options API 방식 3. props는 컴포넌트에 데이터를 넘겨줄 수 있는 사용자..
한권으로 배우는 vue.js 3 - 따라해보기 2 지난번에는 코드에 자세한설명없이 그냥 생명주기를 한번 사용해보았다. 이번에는 책에나와있는 예시를 따라해보면서 기본적으로 알아야할부분과 내가 알게된 부분을 적어보려고한다. 코드는 지난번처럼 아래 git을 clone 한 후 reset 으로 해당 버전으로 돌려서 실행확인해보시면됩니다 git clone https://github.com/baaaaaaaaaaaaam/vue3 GitHub - baaaaaaaaaaaaam/vue3 Contribute to baaaaaaaaaaaaam/vue3 development by creating an account on GitHub. github.com 1 vue3 의 setup을 사용하면서 templete에서 해당 변수 및 메소드를 를 사용하려면 setup 내 return에서..
한권으로 배우는 vue.js 3 - 따라해보기 1 회사에서는 vue2를 사용하고 있지만 언제가는 vue3로 갈아타야할 것 같아서 "한 권으로 배우는 Vue.js 3" 도서를 구입한 후 따라해 볼 예정입니다. 최종적으로 vue2 진행 한 프로젝트를 vue3로 업그레이드 할 계획입니다. 언제가는 react 로 바꿀날이 올지도 ㅎㅎ 저는 가볍게 전체전으로 훑어본 후 바로 3장으로 넘어 갓습니다. ( node js 및 vscode 등등 설치 궁굼하신 분들은 2장부터 보시면됩니다 . ) (1장은 입문자가 보기엔 먼말인지 이해가 안될수도잇어요 ) 이책에서는 프로젝트 생성시 vite 사용을 추천해주고있습니다. 실제로 vue cli로 프로젝트를 생성생하고나 실행하는 방법보다는 5~6배 빠르더라고요. vite로 프로젝트 생성시 ==> npm init @vitejs/ap..
nodejs - mysql connect lost 이번시간에는 PROTOCOL_CONNECTION_LOST 에러에대해서 다뤄볼 예정입니다. 일단 기존 구조는 다음과같습니다. db.js 에서는 db 정보 및 connect 와 error event 리스너가 있습니다. 이 코드를 middle1 , middle2 , middle3 에서 require로 참조해서 query 를 날리고 있습니다. 기존 구조에서 2가지 문제점이 있습니다. 첫번째 문제는 일단 mysql 의 wait_timeout을 28800초로 설정해둔 상태에서 시간이 경과하면 PROTOCOL_CONNECTION_LOST 이 발생하여 connection을 잃어버립니다. 설정은 마지막 query 이후 wait_timeout만큼 유지하다가 connect lost 가 발생하는 걸로 알고있엇는데 cloud ..
node js 실시간 로그 수집 및 검색 -3 앞서 테스트 코드를 돌려서 검색하는것 까지 해봣습니다. https://programmerk.tistory.com/59 node js 실시간 로그 수집 및 검색 -2 이번시간에는 저번에 설명해 드렸던 부분을 실제로 돌려보는 작업을 할 예정입니다. * 설명한 부분이란 : nodejs로그를 kibana에서 검색 및 시각화 제 개발환경은 윈도우 10 이고 docker 와 docker-compose programmerk.tistory.com 이제 마지막으로 저희 서버에 반영하기 입니다. 예제에서는 docker-compose를 실행할때 build 하고 volume을 bind 하는 부분이 있엇는데 저는 dockerfile을 docker image로 만든 후 docker-compose에서 bind하지않는 방법으로 진행..
node js 실시간 로그 수집 및 검색 -2 이번시간에는 저번에 설명해 드렸던 부분을 실제로 돌려보는 작업을 할 예정입니다. * 설명한 부분이란 : nodejs로그를 kibana에서 검색 및 시각화 제 개발환경은 윈도우 10 이고 docker 와 docker-compose는 이미 설치하였습니다. 순서대로 따라해보시면 테스트해보실 수 있습니다. 순서는 다음과 같습니다 1. git clone https://github.com/baaaaaaaaaaaaam/logsystem 2. docker-compose 설명 및 실행 3. nodejs 접속 및 로그 확인 4. kibana 접속 5. 패스워드 초기화 & 파일 수정 & 재실행 6. filebeat 에서 nodejs 로그파일 확인 시작합니다 1. git clone https://github.com/baaaa..