반응형

방법 7

[프로그래밍] Vue.js 코딩 개발을 위한 빌드 환경 구성 및 실행 테스트 해보기 (VSC, Visual Studio Code, build, vite, install)

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

IT/Vue.js 2024.03.11

[프로그래밍] Vue.js 개발을 위한 Node.js 설치 방법

최근 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 의 약어로 장기 지..

IT/Vue.js 2024.03.11

[어도비 프리미어 프로] 가로 세로 돌아간 유튜브 촬영 영상 일괄 회전시키는 방법 (일괄 가로세로 전환방법)

최근 레고 유튜브 동영상을 촬영하고 업로드를 하고 있는데요. 항공샷으로 찍다보니 핸드폰이 위아래를 인식하지 못해 화면이 돌아가서 프리미어 프로에 올라가는 현상이 발생했습니다. 한개의 동영상 클립을 회전할 때에는 "효과컨트롤" 탭으로 이동해 "회전" 항목에 90도나 -90도를 입력해서 영상을 회전시키면 되는데요. 이게 수십개의 동영상을 다 돌려야 하는거라 일일히 이런 작업을 진행하기에는 너무 비효율적입니다. 그럴 때 일괄적으로 세로에서 가로로 전환하는 방법에 대해 간단하게 설명해 보려고합니다. 먼저 위에서 설명한 것 처럼 촬영한 유튜브 영상을 시퀀스에 올려놓고, "효과 컨트롤" 탭에 있는 "회전" 항목의 값을 변경해 정상적인 방향으로 돌려줍니다. 제 영상의 경우는 회전에 90도를 입력하면 정상적으로 돌아갔..

이제 손쉽게 세차 합시다. 효율적이고 간편한 세차를 도와줄 에이스피드 세차밀대 H타입 (아우디A6 40 TDI, 고양 몬스터 워시)

최근 차량을 정비 받아야하는데 차가 너무 더러워서 세차를 할 필요성을 느꼈습니다. 기존에 가지고 있는 세차 용품들로는 빠르고 간편하게 세차할 수 가 없을 것 같다는 생각이 들었습니다. 세차를 할 때 힘든 부분을 생각해보면 까치발을 든다던지, 차량으 가운데를 손으로 뻗어서 겨우 닦던지, 아래쪽을 닦을 때 다리 굽혀 앉아야 하던지 등 이런 부분들이 힘들었는데요. 그러다 든 생각이 밀대가 있으면 크게 움직일 필요가 없어서 편할 것 같다라는 생각이 들었습니다. 내일 바로 아침에 세차를 할 예정이라 쿠팡을 검색했고 구매한 제품은 "에이스피드 A68 세차밀대 H타입" 이었습니다. 구매한 가격은 18,900원이었구요. 그렇게 도착한 에이스피드 A68 세차밀대 모습인데요. 기본적으로 파우치가 포함이 되어서 정리 및 휴..

리뷰 2023.11.26

오라클 DATE 타입 세세하게 파해쳐보기 (시간, 오전, 오후, 24시간 표기법, 마지막시간, 밀리세컨드 확인방법)

오늘은 오라클에서 TO_CHAR를 통해 DATE 타입을 표시하는 방법에 대해서 한번 알아보겠습니다. 먼저 가장 간단한 24시간 표기 방식입니다. 24시간 표기를 위해서 HH24MISS를 붙여주면 아래와 같이 24시간 형식으로 표기가 됩니다. [SQL] SELECT TO_CHAR(SYSDATE,'YYYYMMDD HH24MISS') FROM DUAL ; [수행결과] 다음은 24시간 표기방식이지만, 사람이 알아보기 편하게 포맷팅을 한 내용의 결과입니다. 중간중간 표기를 할 문자를 추가적으로 표기하면 아래와 같이 포맷팅이 됩니다. [SQL] SELECT TO_CHAR(SYSDATE,'YYYY/MM/DD HH24:MI:SS') FROM DUAL ; [수행결과] 그럼 이번에는 24시간이라는 표현을 없애면 어떻게 될..

IT/Oracle 2023.09.15

안경이 흘러내리지 않고 자국이 남지 않는, 실리콘 코받침 셀프 교체

시력이 좋지 않아 안경을 쓰고 있는데요. 오래전 부터 안경을 착용해서 안경을 6개정도 가지고 있습니다. 안경들을 소중하게 다루어서 안경 자체는 상태가 좋은데, 소모품인 코받침이 문게가 발생하더군요. 안경점에 가면 교체할 수 있을 것 같지만, 가기도 귀찮고 편한 코받침을 사용해 보고 싶어서 직접 검색을 통해 구입을 했습니다. 그렇게 도착한 "실리콘 안경 코받침 패드 세트"입니다. 가격은 8000원 이고요. HTML 삽입 미리보기할 수 없는 소스 뚜껑을 열어보면 아래와 같이 드라이버/핀셋/안경닦이/코받침2종류 20쌍/나사/안경귀고무 가 들어가 있습니다. 귀고무가 들어가 있지만 저는 사용하지 않으니 패스할게요. 코받침이 작다 보니 이를 쉽게 꺼내고 장착시 편하도록 하는 집게가 들어있지만 저는 별도로 사용하지 ..

리뷰 2023.03.21

우체국 보험 간편하게 조회하는 방법, ID 잃어버림, 인증서 복사 불필요 (카카오페인인증서, 계약 상세 내역 및 보장내용, 계약자, 피보험자, 만기생존수익자 등)

최근 우체국에서 온 우편물을 보면서 이제 우체국 보험이 만기가 되어가고 있다는 사실을 알았습니다. 온라인에서 우체국 보험과 관련된 정보를 쉽게 확인할 수 있다면, 우편물이 필요 없어지니 집도 깨끗해지고 좋겠지요? ​ ​ 그래서 정말 엄청 오랜만에 우체국 보험을 우체국 보험 홈페이지를 통해 조회해 봤습니다. 역시나 간만에 하다가 보니 어디서 했는지 잘 기억이 나지도 않고 메뉴들이 항상 바뀌니까 헷갈리기 마련이지요. 그래서 블로그에 남겨 놓고 다음에 활용하기 위해 글을 남겨봅니다. ​ ​ 먼저 우체국 보험 사이트로 이동해 줍니다. 가장 쉬운 방법은 네이버에서 검색해 들어가는 것이죠. 검색하고 상단에 "홈페이지"를 눌러주면 들어갈 수 있습니다. ​ ​ 우체국 보험의 홈페이지가 나타는데요, 대략적인 보험의 내용..

반응형