진스

작성 글자가 길어요 작성 computed: { isContentsValid() { return this.contents.length

ESLint파일인 .esLint.js 혹은 .eslint.json을 열어줍니다. 그 후 아래 사진과 같은 문구를 추가해 줍니다. rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], }, 그럼 아래 사진과 같이 문제가 해결이 되는것을 확인할 수 있습니다. (만약 에러가 계속 출력된다면 VSCode에 켜놓은 파일창을 꺼줬다가 다시 실행시켜보세요)

작성중.... npm i vue-router 기본적으로 설치 필요 npm i vuex 기본적으로 설치 필요 npm i axios 기본적으로 설치 필요 vue add vuetify

utils/새파일작성 1 2 3 4 5 6 7 8 // -utils/validation.js 파일내 function validateEmail(email) { var re = /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } export { validateEmail }; Colored by Color Scripter cs 적용할 파일내 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ..

$router를 이동하는방법은 몇 가지 메소드가 존재하는데 다음과 같습니다. $router.push() // 현재 라우트를 변경 $router.replace() // history 객체에 남기지 않고 라우트를 변경 $router.go() // 앞 또는 뒤 위치로 이동할 수 있음 $router.go()의 경우 window.history.go()와 동일하게 동작합니다. 양수 및 음수를 사용할 수 있습니다. 아래와 같이 사용합니다. $router.go(3) // 3 단계 앞으로 이동 $router.go(1) // 1 단계 앞으로 이동 $router.go(-1) // 이전 페이지, 1 단계 전으로 이동 console.log(this.$router.go) 를하면 이런식으로 내부함수를 확인할수 있다

components > common > LoadingSpinner.vue 등록할 페이지에서 ........ import LoadingSpinner from "@/components/common/LoadingSpinner.vue"; export default { components: { LoadingSpinner }, data() { return { isLoading: false }; }, methods:{ async getDatas() { this.isLoading = true; const { data } = await fecthLists(); this.isLoading = false; this.getLists = data.posts; } } }

표현법 표현법으로는 중괄호 보간법, v-bind표현법이 있는데 보통 중괄호 보간법을 사용하는거 같음 날짜 표기 필터 utils - filters.js export function formatDate(value) { const date = new Date(value); const year = date.getFullYear(); let month = date.getMonth() + 1; month = month > 9 ? month : `0${month}`; const day = date.getDate(); let hours = date.getHours(); hours = hours > 9 ? hours : `0${hours}`; const minutes = date.getMinutes(); return `..

Prettier와 ESLint를 프로젝트에 적용하던 중 아래과 같은 오류가 ESLint에서 발생했습니다. Delete `␍` eslint (prettier/prettier) 사실 ESLint에서 발생하는 오류라서 실행은 정상적으로 되지만, 이러한 오류는 엄청 거슬리기 때문에 이러한 오류를 해결하기로 결심했습니다. 가장 간단한 방법으로는 엔드라인 시퀀스를 변경하는 방법입니다. 사진 순서대로 빨간색으로 체크한 부분을 따라가면 문제가 해결됩니다. 하지만 이러한 End Line Sequnce를 인위적으로 수정하는 방식은 근본적인 해결방법이 아닙니다. 또한 모든 파일의 End Line Sequnce가 CRLF이므로 일일히 변경하는 것도 귀찮습니다. 그러므로 근본적인 원인인 ESLint 자체에서 수정을 해주는 방법..