평범한 이야기

개발과는 거리가 있는 기술지원 파트에서 업무를 수행하다가 다시 개발파트에서의 직무를 수행하기 위해 처음부터 환경을 만들어보기 시작했다. 그런데, VScode ssh 접속부터 가물가물한 것이 아닌가...!! 그래서 정리를 해봅니다. 먼저, Termial 을 열어 아래와 같은 공개키 발행을 합니다. ssh-keygen 명령을 쳐서 Enter 만 눌러 진행합니다. 비밀번호 없이 진행하는 과정입니다. 위와 같이 하였을 경우 .ssh/ 폴더 하위에 id_rsa 와 id_rsa.pub(공개키)가 생성되는데요~!! 이때, 공개키를 내가 접속하고자 하는 원격 서버에 옮겨줍니다. 이렇게 옮긴 공개키는 원격 서버에서 한 번 더 작업을 해주는데요~! 해당 원격지 폴더로 이동하여 아래와 같이 명령합니다. # cat id_rs..

[ 설치 순서 ] - 소삐의 순서일 뿐 마음가는 순서대로 설치하셔도 됩니다~!!!! 1. Node.jsnodejs.org/ko/download/다운로드 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org1) 잘 설치가 되었는지 확인하기 위해 CMD (명령프롬프트) 실행합니다. 2) node -v 를 작성합니다. (버전확인 가능 v14.16.0) 3) npm -v 를 작성합니다. (버전확인 가능 6.14.11)설치가 완료 된 것입니다!!! 2. VSCode (Visual Studio Code)code.visualstudio.com/downloadDownload Visual Studio Code ..

Vue 설치에 앞서 소삐는 미리 Vue에 대한 공부를 해보았어요! 가이드를 보며 작은 테스트들을 하며 눈으로 보고 코드를 따라 쳐보면서 아 요런 느낌이구나 하고 Vue 를 느꼈답니다! 소삐는 Visual Studio Code 툴로 Vue를 시작하려 합니다. kr.vuejs.org/v2/guide/ 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 그렇다면 설치는 어떻게 하는지 따라서 해보겠습니다. 먼저! 1) Visual Studio Code 설치 code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and avail..

VSCode 에 확장하여 활용하면 좋은 Extention 추천! 1. Auto Rename Tag- 태그 변경 시 자동 수정하나의 HTML / XML 태그 이름을 바꾸면 쌍을 이루는 HTML / XML 태그의 이름이 자동으로 바뀝니다.- 참고 : marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tagAuto Rename Tag - Visual Studio MarketplaceExtension for Visual Studio Code - Auto rename paired HTML/XML tagmarketplace.visualstudio.com2. Bracket Pair Colorizer- 일치하는 괄호를 색상으로 식별 Bracke..