728x90 반응형 IT430 main.js에 import RightToolbar from '@/components/RightToolbar 문장이 있어. 여기서 @의 의미 Vue.js 프로젝트에서 사용된 @는 일반적으로 프로젝트의 경로를 간소화하기 위해 설정된 "별칭(alias)"입니다. 예를 들어, @는 종종 프로젝트의 src 디렉터리를 가리키도록 설정됩니다. 이렇게 하면 상대 경로를 길게 작성하지 않아도 되고, 코드가 더 깔끔해지며 유지보수가 쉬워집니다.이 별칭은 보통 webpack이나 vite와 같은 번들러에서 설정됩니다. 만약 vue.config.js나 vite.config.js 파일을 열어보면 다음과 같은 설정을 찾을 수 있습니다: Webpack 예시:module.exports = { configureWebpack: { resolve: { alias: { '@': path.resolve(__dirname, 'src') .. 2025. 3. 11. 20250310버전 : react, vue 개발환경 요약 정리 1. react extensionsauto importauto rename tages7+react/rdux/react-native snippets --> 비슷한 이름이 또 하나 있으니 주의indent-rainbowjavascript and typescript nightlymaterial Icon Theme 2. vue extensionsVue VSCode SnippetsESLintvetur 3. npm 업그레이드npm install -g npm 4. 프로젝트 생성C:\Projects\ViteProject>npm create vite@latest 참고) vue 프로젝트 생성법1. vue/cli 사용법 (요즘도 쓰나??)가) 설치 npm install -g @vue/cli 또는 yarn glo.. 2025. 3. 10. vite 설치법 npm create vite@latest vite 는 vue 뿐만 아니라 react 등 다양한 프로젝트 생성이 가능하다.사용하는 언어는 javascript로 하자. https://vuejs.org/ Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.org Composition API 작성 문법과 Options API 문법--> 원쌤의 Vue.js 퀵스타트 275 P 설명을 읽어볼것. ref : 상태 변수를 선언하는 함수 script setup> import HelloWorld from './components/HelloWorld.vue'import { ref } from 'vue'const msg = ref('Hello Vue 3 + Vite')scri.. 2025. 1. 28. flutter 개발환경설정(2025-01-09 버전) 아래 과정을 다하고, android studio 에서 flutter 프로젝트를 만들때 다음 에러가 뜨면 Unable to find git in your PATH 윈도우 파워쉘을 관리자 모드로 실행후, 아래명령어를 실행해라. git config --global --add safe.directory '*' =========================================================1. 안드로이드 스튜디오 다운로드 -> https://d.android.com/studio2. 설치 3. 실행 -> Downloading Components 단계에서 시간이 상당히 소요됨. 프로그램이 멎어있는지 착각함. 4. Flutter plugin 설치 -> 첫 실행화면의 Welcome 페이.. 2025. 1. 9. 이전 1 2 3 4 5 6 7 8 ··· 108 다음 728x90 반응형