SangJJang

VSCode Terminal 에 node.js 환경경로 잡기

1. node.js를 다운로드한다.- 설치파일이 아닌, 바이너리(zip) 파일을 받아서, 자신이 원하는 경로에 압축을 푼다. 2. VSCode를 실행한다.- VSCode 터미널을 연다.  아무것도 설정하지 않았으니, 당연하다.  - [Shift + Ctrl + P]를 누르고, settings.json이라고 검색한다.- Preferences: Open User Settings (JSON)을 선택한다. - settings.json 파일이 열린다.  - PATH 부분에 node 경로를 넣는다.{ "terminal.integrated.env.windows": { "PATH": "D:\\node\\node-v20.11.1-win-x64" // node 경로 }} 3. VSCode 터미널을 ..

HTML : 웹 문서의 콘텐츠를 구성하는 언어 CSS: 웹 문서의 콘텐츠를 꾸며주는 언어 - CSS ( Cascading Style Sheets ) 선택자 { 속성명: 속성값; } ex) p { color: red; } 적용방식 1. 인라인 스타일: 태그에 직접 기술 2. 스타일 태그: 스타일시트를 위한 태그를 추가하여 기술 3. 문서 간의 연결: 스타일시트 문서를 따로 작성하여 HTML 문서와 연결 인라인 스타일 /* 스타일 태그 */ // 문서 간의 연결 - 선택자 전체 선택자 * { color: blue; } 태그 선택자 or 유형 선택자 p { color: blue; } 클래스 선택자 .text { color: blue; } 아이디 선택자 #topic { color: blue; } 그룹 선택자 h..

내 컴퓨터에 개발언어/환경을 installer 같은 것으로 설치되는 것을 싫어해서.. vscode 내에서 ruby 환경을 잡고, jekyll로 깃블로그 개발환경을 잡을 수 없을까 하는 생각에서 출발하였다. 1. ruby 바이너리(zip) 파일 받기 - 다행스럽게도 installer zip 파일을 있다. Downloads (rubyinstaller.org) Downloads Which version to download? If you don’t know what version to install and you’re getting started with Ruby, we recommend that you use the Ruby+Devkit 3.2.X (x64) installer. It provides the ..

이전 포스팅에 nginx 설치 및 설정에 이어서 진행된 내용입니다. docker compose - nginx 설치 및 설정 (tistory.com) docker compose - nginx 설치 및 설정 이전 포스팅의 aws ec2 인스턴스 생성에 이어서 진행된 내용입니다. AWS EC2 인스턴스 생성 및 트러블 슈팅 (tistory.com) AWS EC2 인스턴스 생성 및 트러블 슈팅 1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 sangjjang.tistory.com - docker-compose.yml #version: '2' name: jenkins services: jenkins: image: jenkins/jenkins container_name: jenkins environment: ..

이전 포스팅의 aws ec2 인스턴스 생성에 이어서 진행된 내용입니다. AWS EC2 인스턴스 생성 및 트러블 슈팅 (tistory.com) AWS EC2 인스턴스 생성 및 트러블 슈팅 1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 1년으로 EC2 인스턴스를 생성하였다. 메뉴: 서비스 - 컴퓨팅 - EC2 - 애플리케이션 및 OS 이미지 Ubuntu 나머지는 기본. - 키 페어 ssh 접속을 위해서 키 페어를 sangjjang.tistory.com - docker-compose.yml 작성 #version: '3.8' name: nginx services: nginx: image: nginx container_name: nginx # 사용할 컨테이너 이름 environment: - TZ=Asia/..

1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 1년으로 EC2 인스턴스를 생성하였다. 메뉴: 서비스 - 컴퓨팅 - EC2 - 애플리케이션 및 OS 이미지 Ubuntu 나머지는 기본. - 키 페어 ssh 접속을 위해서 키 페어를 통해서 pem 파일을 다운로드한다. 보안 그룹 생성으로 체크하고, - 스토리지 구성 프리 티어는 최대 30GB까지 사용할 수 있어, 30GB로 설정했다. 새로고침을 누르면 인스턴스 생성된 것을 확인한다. - EC2 인스턴스 생성 후 기본 핵심 메뉴 1. 보안 그룹 기본 보안 그룹의 default 그룹이 하나 있고, 인스턴스 생성하면서 만들어진 그룹이 하나 더 보이게 된다. 인바운드 규칙/아웃바운드 규칙으로 접속 제어를 할 수 있다. 일단, 기본적으로 ssh 접속이 될 수 있..

- vue-router install npm install vue-router 해당 폴더, 프로젝트에 package.json에 dependencies가 추가된다. - main.js import { createApp } from 'vue' import router from '@/router' import App from './App.vue' const app = createApp(App) app.use(router) app.mount('#app') 참조. @는 src 폴더를 가리킨다. - router 폴더 생성 후 index.js 파일 생성 import { createRouter, createMemoryHistory } from 'vue-router' import HelloWorld from '@/comp..

- 깃 초기화 해당 폴더(프로젝트폴더)에 .git 폴더를 생성한다. git init - 원격지 추가 origin 이라는 이름으로 원격 리파지토리를 추가한다. git remote add origin [repository_url] 깃 초기화 후 원격 리파지토리를 추가하려면, 해당 폴더(프로젝트폴더)에 대해 추가되어야 한다. git config --global --add safe.directory [해당폴더] - 브랜치를 main 로 변경한다. 깃허브의 리파지토리를 생성하면 기본 브랜치는 main이다. git branch -M main - 해당 폴더의 모든 소스를 추가한다. git add -A - 추가된 소스를 깃에 커밋한다. git commit -m ‘커밋메시지’ 처음 커밋하게 되면, 당신은 누구냐라고 물어..

- vue 설치 npm install -g @vue/cli vue2 or vue3 설치 중 선택하라고 한다. vue3 최신버전으로 선택. - 프로젝트 만들기 vue create [프로젝트명] - VSCode에 프로젝트 열기 File - Open Folder... 선택 후 프로젝트 폴더 선택해서 열면 끝. 아.. 그리고 마지막으로.. - 메뉴 View - Open View... 선택하고, NPM Scripts 하나는 열어주자. 그러면, 하단에 package.json 스크립트를 실행할 수 있는 영역이 표시된다. serve - run을 클릭해서 실행하면 서버가 실행되고, 기본 vue 화면을 확인할 수 있다. 끝.

1. node 설치 node -v npm -v 2. vue 설치 npm install -g @vue/cli 3. 설치 확인 vue -V 4. 프로젝트 생성 vue create 프로젝트명 vue3 or vue2 로 생성할지 선택이 나온다. 최신 vue3 로 프로젝트 생성 - axios javascript 어플리케이션에 서버 통신을 하기 위한 HTTP 통신 라이브러리. 프로젝트폴더에서 npm install axios - vue vue2 에서 vue3 으로 넘어오면서, import Vue from 'vue' 이런식의 전역으로 인스턴스 생성이 불가능한 것으로 보인다. 함수단위로 변경해야 된다. import { createApp } from 'vue' import { createRouter } from 'vue-..