# vue3

178개의 포스트
post-thumbnail

Vue.js_4 Vuestargram_만들기_1

이번에는 Vue3를 사용해서 인스타그램을 만들어볼테다.만들기 전에는 먼저 기획을 해주는거시좋다.1번은 항상 고정되어 있는 상하단 메뉴로 App.vue를 활용해줄거임2번은 팔로잉 한 게시물이 들어올 때도 있고, 게시물 올리는 내용이 들어와야 할 때도 있고, 마이페이지,

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

VueCLI vue3 BootstrapVue3설치 및 sass 적용하기

스타일을 작성하는 여러가지 방법이 있지만 이번경우에는 제가 익숙하게 사용하고 있는 scss를 적용해서 프로젝트를 진행하고 싶어 sass를 먼저 설치하겠습니다. package를 설치하여 간단하게 적용이 가능합니다.bootstrapvue3(https://cdmor

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

VueCLI 활용해서 vue3 auto-routing 적용하기

내가 정리한 폴더로 자동으로 라우팅이 되는 기능이 있으면 좋을 것 같다고 생각만 했었는데, 어느순간 Auto-routing이 눈에 들어 왔고 주소와 path파라미터 또한 폴더명을 _id 요런식으로 하여 가능합니다. 참고사이트 vue-cli-plugin-auto-rou

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

Transition TransitionGroup vue3.js

채팅창 중 이모티콘 창이 fadein과 fadeout이 걸려 있었는데 부자연스럽게 닫히고 열리는 이슈가 있었습니다. 이 문제점은 이모티콘창에 v-if문이 걸려 있어 해당 state가 false가 되었을 때 해당 템플릿 태그가 사라지면서 발생하는 문제점이었습니다.temp

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

[Vue3] 시작하기

🤷‍♂️ Vue3? 그럼 Vue2는? Vue3는 2022년 2월 7일 Vue프레임워크의 기본 버전이 되었습니다. 그렇다면 공식 버전이 바뀌었으니 기존 Vue2프로젝트는 버전업을 해야하고, Vue2 입문자들은 다시 새로운 버전을 공부해야할까요?

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

VueCLI 활용하여 Vue3 시작하기

vue를 시작하는 방법 중 간단하고 빠르게 시작할 수 있는 VueCLI를 사용하였습니다. webpack 기본설정을 자동으로 해주고 필요시 vue.config.js 부분에서 수정(https://cli.vuejs.org/config/또한 vue 공식홈페이지(htt

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

[번역] Vue3 Composition API 제안에 반대하는 유저 글에 대한 Evan You의 답변

원문: Function-based component API (extended discussion) Composition API 제안에 반대하는 유저의 글에 대한 Evan You의 답변

2022년 11월 6일
·
2개의 댓글
·

시작하기

안녕하세요. 1년차 개발자 Macko 입니다. 근 1년간 실무를 경험하면서 배웠던 것을 복습하고 발전시키기 위해서 자기소개 홈페이지를 만들면서 그 과정을 남기기위해 해당 내용을 작성합니다.개발진행 상황은 MackoLee 에서 확인 할 수 있습니다.1\. IDE: Pyc

2022년 11월 5일
·
0개의 댓글
·

[Vue3] import path에 있는 @는 무엇인가?

위와 같이 import 경로에서 @를 볼 수 있다.이것은 webpack 번들링을 할 때 src/ 경로로 바꿔주는 설정이다.

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

vue3 - The template root requires exactly one element 해결(vetur)

vue3 를 배우는 중인데, 강좌에서 권하는 대로 vscode/vetur 를 설치하고 나니 계속해서 아래 에러가 떴다.The template root requires exactly one elementvue2 에서는 root div 태그가 필수적이었는데, vue3 로

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

아 할게요 할게요 lint설정, prettier 설정

귀찮지만 우리는 해야한다 lint 세팅 !!자 세팅한 프로젝트의 App.vue 파일이다.보시다시피! 밑줄이 개많다..전부 lint가 똑바로 쓰라고 꼽주는거다...보면 '' 을 "" 으로 안바꾸면 계속 귀찮게 할꺼라고 협박하고 있다.후 이 엄청난 밑줄들....일단 세팅을

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

vue3 프로젝트 파일구조 까봅시다

자 지난 포스팅에서 프로젝트를 세팅해봤으니 프로젝트 구조를 한번 살펴보자일단 vite로 만들었으니 vite.config 파일이 생성될텐대 이곳이 바로 vite 환경 설정 파일이다. 명령어로 개발서버를 실행할때 프로젝트 루트의 이 congig파일을 확인하고 내부에 설정된

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

vite로 vue3 프로젝트 세팅하기

vue 설치방법은 크게 3가지가 있다.1\. CDN2\. Vue CLI3\. Vite이 셋중 웹팩 기반인 vue cli가 현재 유지관리 모드에 있기 때문에 이번에는 vite로 프로젝트를 시작해 보겠다!! 👻여기서 혹시 cli에서 vite로 마이크레이션 하고 싶다면 아

2022년 9월 30일
·
0개의 댓글
·

Vue3 가이드 정리

핵심 가이드프로그레시브 프레임워크JAM stack 은 Javascript, Api, Markup Stack 의 약자이다.SPA 과는 비슷하지만 다르다.싱글 파일 컴포넌트Vue SFC는 이름에서 알 수 있듯이 컴포넌트의 논리(JavaScript), 템플릿(HTML) 및

2022년 9월 28일
·
0개의 댓글
·
post-thumbnail

TIL | Vue 02일차 (Vite 로 프로젝트 생성, Vue 모듈 구성)

부지런히 하자 제발 😭Vue를 프로젝트에 포함하는 방법은 크게 두 가지로 나뉜다.CDN으로부터 Vue 라이브러리를 스크립트에 포함 (교육용 / 프로젝트 진행 전 테스트용)프로젝트에서 사용되는 라이브러리들을 호스트 서버에 저장해둘 필요가 없기 때문에, 용량의 이점과 더

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

Vue 3 : Vite를 사용하여 프로젝트 생성 시 오류

Vue 3 빌드툴인 Vite를 이용해 프로젝트를 생성 시 오류가 발생함책에서 하라는 대로 따라하는데 안되길래 구글링 했더니 책에서 치는 명령은 더이상 지원하지 않는다고 함허무... 터미널에도 대신할 수 있는 명령어를 알려줬는데도 Error 빨간글씨에 압도되어서 보지못했

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

[vue] 기초 문법

vue 기초문법 정리

2022년 9월 20일
·
0개의 댓글
·

[vue] 토글

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

Vue 3 + Vite + TypeScript 프로젝트 개발 팁과 트러블 슈팅 기록

Vue 3 + Vite + TypeScript 프로젝트를 개발하면서 얻게된 팁과 트러블슈팅에 대한 기록입니다.

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

Axios Interceptors를 이용하여 Loading 구현하기 with TS

내가 Axios Interceptors를 이용해서 Loading을 구현하는 방법

2022년 9월 2일
·
0개의 댓글
·