진스

Error Log ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to 'https://github.com/Lthek55/BackJoon_Algorithm_JS.git' hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g. hint: 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' f..

2줄 이상으로 줄이려면 다음과 같은 코드를 적용할 수 있습니다. .text{ text-overflow: ellipsis;/* 없어도 될듯 */ line-height: 16px; max-height: 32px; /* 이 아래만 있어도 됨 */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 표시하고자 하는 라인 수 */ -webkit-box-orient: vertical; }

$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) 를하면 이런식으로 내부함수를 확인할수 있다

감싸는 컨테이너에는 dispaly flex-direction flex-wrap felx-flow justify-content align-items align-content 각각 item에는 order flex-grow flex-shrink flex align-self 높이100%를 맞추는 방법 1. html{height:100%} body{height:100%} .container{height:100%} 상위 테그에 다 100%를 줘야함 방법2. .container{height:100vh} 100vh(view hight) 는 부모에 상관없이 현재 보이는 영역을 100%로 하겠다. - 100vw 가로100% 상위 테그에 100%를 안줘도 됨 Material Design Color Tool (색상 예쁘게 조..

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 자체에서 수정을 해주는 방법..

jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": [ "./*" ], "@/*": [ "./src/*" ], } }, "exclude": [ "node_modules", "dist" ] }