Beyond the Laziness

지난 포스팅 과정에서 node.js 설치와 Visual Studio Code를 설치해봤는데요. 이제 본격적으로 Vue.js 실습을 진행해 보려고 합니다. 1. 프로젝트 생성 먼저 샘플 코드 작성을 하기 위해서는, vue 프로젝트를 생성해야 합니다. 프로젝트를 생성하기 위해서는 프로젝트가 위치할 경로를 결정해야 하는데요. 이번에는 찾기 쉽게 C:\ 아래에 바로 프로젝트를 생성해보려고 합니다. 비주얼 스튜디오 코드에서 터미널 탭으로 이동하면 콘솔창에서 명령어를 수행 할 수 있는데요. 먼저 c:\ 이동하기 위해 아래 "cd c:\" 명령을 쳐줍니다. 그 다음 "npm create vue@latest" 를 쳐주면 아래와 같은 입력항목들이 나오는데요. 여기서 Project name은 "vue_test"로 작성하고..

최근 Vue.js를 통해 개발을 해보려고 공부를 하고 있습니다. 그러기 위해서는 환경을 구성해야 하는데요. 먼저 개발된 Vue.js 스크립트를 테스트하기 위한 서버와 빌드환경을 구성해야합니다. 그러기 위해서는 Node.js를 설치해야 합니다. Node.js 설치하기 아래 링크를 통해 Node.js를 다운로드 받아 설치를 진행해야 하는데요. Node.js — Download Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 본인 PC의 OS에 맞는 파일을 다운로드 해야하는데요. 현재 가장 최신의 LTS 버전은 20.11.1 입니다. 커다랗게 표시된 LTS란 Long Term Support 의 약어로 장기 지..

최근에 다른 채널을 한개 더 생성을 해서 운영을 하고 있습니다. 유튜브의 경우 수익창출에 대한 환경설정을 해야 하는데요. 유튜브 채널을 생성한 후 유튜브 스튜디오에 로그인을 하고 하단에 있는 "수익" 탭으로 가면 아래와 같은 화면이 기본적으로 나타나게 됩니다. 아무래도 유튜브는 글로벌 플랫폼이기 때문에 각 나라의 방송 송출의 규제와 수익에 대한 지급의 문제들이 엮여있기 때문에 위와 같이 본인이 어디에 거주를하고 유튜브를 하는지를 설정해줘야 하는 것이죠. 아직 수익을 창출하려면 한참은 멀었지만, 그래도 환경은 미리미리 설정해두어야 나중에 당황하는 일이 없겠죠? 위에서 "자세히 알아보기"를 클릭하고 넘어가면 아래와 같은 YouTube 고객센터의 도움말이 나타나는데요. 간단하게 설명하자면 유튜브스튜디오로 들어..

최근 프로젝트 투입하면서 AWS 환경에서 시스템 구축을 진행하고 있습니다. 저는 보통 오라클 환경에서 TOAD와 Orange를 사용하고 있는데요, 이번 프로젝트에서는 AWS에서 제공하는 MySQL을 사용하고 있습니다. 여기서는 특이하게도 DBeaver라는 툴을 사용하고 있는데요. 무료 툴임에도 불구하고 왠만한 기능들은 다 지원되는 상당히 괜찮은 DBMS 툴이더군요. 그래서 설치하는 과정과 로그인하는 과정을 남겨봅니다. 다운로드 및 설치 먼저, 아래 링크사이트에서 DBeaver를 다운로드 받습니다. Download | DBeaver Community Download DBeaver Community 23.2.4 Released on November 6th 2023 (Milestones). It is free..

최근 갤럭시탭 S8+ 테블릿PC를 구입하고 모든 생활에 잘 활용하고 있습니다. 갤럭시탭S8플러스의 경우 S펜으로 필기를 할 수 있다는 것이 아주 큰 장점인데요. 갤럭시S8+ S펜을 통해 필기한 내역을 핸드폰, 노트북PC에서 간편하게 동기화 해서 보고 싶었습니다. 휴대폰은 갤럭시S22와 테블릿PC는 갤럭시탭S8+로 모두 삼성제품을 사용하고 있어서 삼성계정을 통해 동기화에 큰 문제는 없었지요. ​마지막으로 사용하는 PC에서도 동기화하기 위해 Microsoft Store에 들어가서 Samsung Notes를 검색해봤습니다. (참고로 노트북은 LG전자의 그램 노트북입니다) ​ ​ 마크로소프트 스토어에서 아래와 같이 삼성노트를 검색하면 정상적 검색이 됩니다. 선택을 진행해 주고요. HTML 삽입 미리보기할 수 없..

저는 아이패드로 Zwift 트레이닝을 하고 있습니다. 노트북이나 데스크톱도 되겠지만, 아무래도 커다란 장비를 왔다갔다 하기도 힘들고, 전기선도 필요하고, 아무래도 전기세도 많이 들겠죠? 하지만 아이패드로 한다면 이동하기도 용이하고, 충전만 되어있으면 별도 전기선이 필요 없어 환경이 깔끔해 집니다. 아이패드로 즈위프트를 수행하고 페달을 굴리고 있으면 심심합니다. 아무래도 즈위프트 화면만 보고 사운드가 없으면 심심해서 안장에 오래 앉아 있기 힘듦니다. 그래서 저는 즈위프트를 하면서 동시에 유투브 영상을 보고 트레이닝을 하고 있습니다. 심심하신분들은 자기 관심사를 유투브로 재생해놓고 즈위프트로 하시면 훨씬 오래 안장에 앉아 있을 수 있습니다. 그럼 아이패드로 어떻게 유투브를 동시에 수행하는 지 팁을 드리도록 ..

아무래도 NAS를 구입하셨다는 것은, 대량의 영상파일이 많으신 분들이 구매하셨을 겁니다. 이를 체계적으로 그리고 효율적으로 사용하기 위해서죠? 저도 우선은 다운로드스테이션을 통해 영상을 받아서 테스트를 해봤는데... 이를 어디서 봐야하는지 모르겠더군요. HTML 삽입 미리보기할 수 없는 소스 모바일에서는 해당계정의 다운로드폴더에 들어가면 바로 접속해서 볼 수 있었으나.. 데스크탑 DSM에서는 해당 영상파일을 클릭하면 다운로드가 받아지고 스트리밍으로 볼수 없었습니다. 그래서 나시놀로지에서 제공하는 비디오 스테이션을 통해 스트리밍으로 데스크탑이던, 모바일에서던 볼 수 있습니다. 비디오 스테이션을 사용하면 좋은 점은, 추 후 첨부한 화면을 보시면 아실수 있듯이 인덱싱을하고 해당 영상에 대한 내용을 자동으로 정..

먼저 포트포워딩이 무엇인지 알아봐야겠습니다. 컴퓨터 네트워크에서 패킷이 라우터나 방화벽과 같은 네트워크 게이트웨이를 가로지르는 동안 하나의 IP주소와 포트번호 결합 통신요청을 다른 곳으로 넘겨주는 네트워크 주소 변환(Network Adress Translator)의 응용이다. 이 기법은 게이트웨이의 외부에 대한 내부 네트워크의 보호 및 내부망에 상주하는 호스트에 대한 서비스를 생성하기위해 사용된다. HTML 삽입 미리보기할 수 없는 소스 어렵쥬? 무슨말이냐면, 외부 네트워크(공인망)에서 집에 연결된 NAS에 접근하기 위해서는 공유기를 거쳐야합니다. 헌데 공유기에는 여러 장비가 물려있겠죠? 무선으로 연결된 노트북/스마트TV/NAS 등등.. 공유기의 IP는 하나인데 내부 네트워크로 구성된 장비의 IP와 포트..

HTML 삽입 미리보기할 수 없는 소스 아이패드로 요새 컴퓨터를 대체해서 많이들 사용하고 있습니다. 하지만 화면이 큰 제품을 빼고는 아무래도 노트북과 비교해서 작은 화면때문에 답답한 점도 있습니다. 제 아이패드를 기준으로 했을때 별다른 옵션을 건드리지 않았다면, 왠만한 사이트를 접속하게 되면 데스크탑 버전으로 나오게 됩니다. 11~12 인치로는 굳이 데스크탑 버전의 사이트를 보기도 쉽지 않기도 하며, 통신환경이 좋지 않은 곳에서는 많은 양을 표시하기 위해 네트워크 부하를 많이타기도 합니다. 아무래도 기본 속성이 Mobile이라고 하면 모바일 페이지를 접속해서 활용하는 것이 더 좋은 선택이 될겁니다. 아이패드에서 기본 브라우저는 사파리(Safari)를 사용하며 기본적으로 데스크탑 웹사이트로 처리되고 있기 ..

이번에는 노트 스테이션을 설치하는 방법을 알아보겠습니다. 물론, DSM을 통한 웹브라우져로 노트 스테이션을 사용 할 수 있습니다. 하지만 이렇게 사용하면 단점이 있죠.. HTML 삽입 미리보기할 수 없는 소스 웹브라우져에서 주소를 치고(혹은 즐겨찾기) 들어가서 > 로그인을 하고 > 노트스테이션 서비스를 클릭해서 실행해야지 접속되는 번거로움이 있습니다. 그리고 브라우져를 사용해서 그런지 왠지 덜 친숙하고 느리게 생각됩니다. 하지만 PC에 노트스테이션을 설치 해놓고 접속정보를 설정 해 놓으면 바탕화면에 생성된 "Note Station"을 실행시키기만 하면 바로 사용할 수 있습니다. 기존에 구글 Keep이나 Asana나 Evernote나 이런 부분에서 작성을 하고 있었는데 대부분 웹브라우져에서 작동하기도 하고..