목록분류 전체보기 (490)

로메오의 블로그

[Vue3 + typescript] reactive, ref, toRefs 반응성 주입

VUE.JS 목록 Test Reactive {{ username }} 이름 변경 제품명: {{ item }}, 가격: {{ price }} 제품 변경 VUE.JS 목록
Frontend/Vue 2022. 9. 6. 11:52
[Vue3 + typescript] Options, Composition, Setup 비교

VUE.JS 목록 Option 방식 Test Option 증가 Composition 방식 Test Composition 증가 script-setup 방식 Test Setup 증가 Child 콤포넌트 Option 방식 TestOption.vue Test Option 증가 TestOptionItem.vue Test Option Item name: {{ name }} age: {{ age }} birth: {{ birth }} Composition 방식 TestComposition.vue Test Composition 증가 TestCompositionItem.vue Test Composition Item name: {{ name }} age: {{ age }} birth: {{ birth }} Setup 방식..
Frontend/Vue 2022. 9. 6. 10:31
[Vue3 + typescript] Volar 설치

VUE.JS 목록 Volar는 VSCode에서 구문 강조 표시, typescript 지원, 템플릿 표현식 및 구성 요소를 도와줘서 코딩을 편리하게 해줍니다. 지금 Vetur가 설치되어 있어서 Vetur로 경고가 표시됩니다. Vetur 비활성화 기존에 Vetur를 사용했다면 VSCode에서 Vetur를 해당 프로젝트에서만 비활성화 해줍니다. (다른 프로젝트에서는 사용할 수 있음) Vetur를 비활성화하면 .vue 파일 코드에 색상을 표시하지 않습니다. Volar 설치 Volar를 검색해서 두개의 플러그인을 설치합니다. 사용 안함으로 변경했다가 현재 프로젝트에서만 사용할 수 있도록 설정합니다. .vue 파일이 다시 색상이 표시됩니다. eslint 설정 코드에 노란색 줄 표시가 되어 있습니다. command ..
Frontend/Vue 2022. 9. 5. 14:58
[Vue3 + typescript] vuetify 설치

VUE.JS 목록 Vuetify 설치 $ cd vite-test $ vue add vuetify ? Choose a preset: Vuetify 2 - Configure Vue CLI (advanced) Vuetify 2 - Vue CLI (recommended) Vuetify 2 - Prototype (rapid development) ❯ Vuetify 3 - Vite (preview) Vuetify 3 - Vue CLI (preview) Vuetify 3 - Vite 용으로 설치합니다. 2022년 9월 5일 현재 Beta 1.0 입니다. 서버구동 $ npm run dev VUE.JS 목록
Frontend/Vue 2022. 9. 5. 10:28
[Vue3 + typescript] 프로젝트 생성 vite

VUE.JS 목록 버전확인 $ npm -version 8.11.0 $ vue --version @vue/cli 5.0.1 프로젝트 생성 $ npm init vue@latest Need to install the following packages: create-vite-app Ok to proceed? (y) create-vite-app 이 없으면 설치합니다. npm install이 되지 않은 상태이니 프로젝트에 진입해서 npm install 합니다. 모듈 설치 $ cd vite-test $ npm install $ code . 구동하기 $ npm run dev 배포하기 $ npm run build dist 폴더에 배포되었습니다. VUE.JS 목록
Frontend/Vue 2022. 9. 5. 10:16
유튜브 인사이트 평균

보호되어 있는 글입니다.
Frontend/ETC 2022. 8. 26. 09:56
SourceTree 비밀번호 저장 이슈 - Mac

Source tree 맥에서 비밀번호가 저장되지 않고 계속 물어보는 이슈가 있습니다. $ git config --global credential.helper osxkeychain 위 명령어를 실행하고 source tree에서 pull 하면 맥 키체인에 접근 요청을 합니다. 맥 로그인 암호를 입력하고 항상 허용을 누릅니다. 이제 Source tree에서 비밀번호 재입력 없이 사용 가능합니다.
Frontend/ETC 2022. 8. 23. 09:20
[Motion 5] 3D 텍스트

Final Cut Pro 목록 재료의 다중으로 선택하고 기본외에 것은 링크 해줍니다. 색상도 변경합니다. 심도에서 오버슈트를 추가합니다. 동작의 시작점을 -500으로 설정합니다. 키프레임을 줄여서 속도를 조절합니다. 오버슈트에 표시자를 추가합니다. 표시자의 키위치를 변경하고 편집합니다. 빌드인 - 옵션으로 변경합니다. 파이널 컷에서 확인해봅니다. 필요한 매개변수를 발행합니다. 매개변수 위치와 네이밍을 수정합니다. 파이널 컷에서 최종 확인 합니다. Final Cut Pro 목록
Design/영상편집 2022. 8. 17. 10:10
Prev 1 ··· 10 11 12 13 14 15 16 ··· 62 Next