Programming/javascript 6

[vue] vue 프로젝트 생성 및 생성 시 각 파일의 용도

1. node.js 설치Node.js — Node.js® 다운로드 Node.js — Node.js® 다운로드Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org node.js란?:google v8 엔진을 기반으로 만들어진 서버 측 자바 스크립트 언어이자 플랫폼(vue.js 관련 도구를 설치하고 앱의 의존성 라이브러리를 관리)node.js가 나오면서 백엔드 개발이 가능해졌음node.js와 함께 Express라는 웹 프레임 워크를 이용해서 vue.js 애플리케이션이 액세스하는 백엔드 API 서비스를 작성.즉, 원래 node.js는 백엔드에서 쓰려고 설치함vue프론트엔드 프레임워크(프론트엔드:클라이언트 컴퓨터에서 실..

[vue]vue vite 기반 프로젝트 생성 및 초기 설정 (feat. pinia, router, axios)

1. vue 초기 설정npm init vite '프로젝트 명' --template vuecd 프로젝트 명npm install npm run dev  2. vue 기본 세팅(pinia, router, acxios ) npm i vue-router@4 pinia axios 3. 라우터 생성// src/router/index.jsimport { createRouter, createWebHistory } from 'vue-router'import Main from '@/pages/Main.vue'import Login from '@/pages/Login.vue'const router = createRouter({ history: createWebHistory(), routes : [ { ..

[자바 스크립트] 기본 문법

자바 스크립트인터프리터 언어js를 실행하기 위한 인터프리터 = 웹 브라우저(ex크롬 안에 v8엔진), node.js자바 스크립트 기본 문법var와 let의 차이요즘에는 let만 사용변수에는 scope라는 개념이 있음(어디까지 사용할 수 있는지)변수와 상수 (var, let, const)var과거에 사용되던 변수 선언 키워드. 함수 스코프(Function Scope)를 가집니다. 중복 선언이 가능하여 의도하지 않은 오류를 유발할 수 있음.var x = 10;var x = 20;x = 30;console.log(x);let블록 스코프(Block Scope)를 가지는 변수 선언 키워드. 중복 선언이 불가능하며, 재할당 가능.let y = 10;y = 20;console.log(y);const블록 스코프를 가지..