당신보다 고작 하루 먼저 시작한 개발자의 오지랖

지난 주 수요일, 플랩풋볼 첫경험을 했다. 평균 레벨 아마추어3정도의 경기였다.(그중 루키가 44%, 세미프로 2인) 결론은, 생각보다 재밌게 찼고, 경기 수준도 나쁘지 않았으며 운동도 됐다. 매니저분의 경기 진행도 좋았으며, 참여한 인원들의 매너도 좋았다. 참여한 인원들의 연령대가 20중~30초반으로 보였는데, 30중반인 나에게는 살짝 스피드와 체력이... 아쉬운점이 있다면, 경기장이 6:6 차기에는 조금 작았으며. 정말 가벼운 부딪힘 상황에서도 경기 중단을 하고 재시작을 하다보니 경기 템포가 조금 끊기는 것이 아쉬웠다. 운이 좋게도 첫 참여에 POM을 받았는데, 플레이도 플레이지만 경기 분위기를 좋게하는 인원에게 부여하는 것 같다. 재밌게 찼다~!

원래 매주 주말에 풋살을 하는데, 평일에 고정팀 말고 개인으로 운동을 한타임 더 하고 싶어서 플랩풋볼에 가입했다. 역시나 여기에도 추천인 제도가 있다. 코드 통해서 가입하면 2000원을 받을 수 있다. 이건 제 코드 F6OLI https://plabfootball.com/iv/F6OLI 플랩풋볼에는 레벨 시스템이 존재하는데, 레벨을 기준으로 팀을 짜준다. 2번차면 본인의 레벨이 부여된다. 다음주에 첫경기 예정인데. 어떤 레벨 받을지, 레벨에 따른 수준은 어떨지 매우 궁금하다ㅎㅎ

서버에서 역순으로 데이터를 리턴해달라고 요청하는게 맞지만 임시방편으로 처리를 하고 싶다던지, 혹은 역순 필터링을 넣고 싶다던지 할때 그냥 v-for 돌릴 배열에 .slice.rever()를 추가해주면 된다.

가끔 웹페이지의 한글을 외국어로 인식해서, 브라우저의 자동번역 기능을 활성화 시켜놓은 유저들에게 한글 텍스트가 이상한 한글로 재번역 되는 경우가 발생한다. 이럴 경우 다음과 같은 태그를 넣으면 자동번역을 block 한다

big sur 업데이트 후 git 안될 때 참조 https://developer.apple.com/forums/thread/666584

boot 폴더에 js 파일을 하나 만들고 import { boot } from "quasar/wrappers"; import lodash from "lodash"; import moment from "moment"; export default boot(({ app }) => { app.config.globalProperties.$_ = lodash; app.config.globalProperties.$moment = moment; }); 이런식으로 전역으로 설정하고, vue 파일에서 this.$_(함수) 이 형태로 사용하면 된다. lodash.js 와 moment.js 는 제일 자주 쓰는 라이브러리. npm install 후에, 위처럼 boot 파일 만들고 전역으로 호출해서 사용하면 된다.

객체내 값 모두를 감시할 경우 watch: { object: { handler: function (val, oldVal) { console.log(val); }, deep: true, }, }, 객체내 특정 값만 감시할 경우 watch: { "object.child": function (val) { console.log(val); }, },

router의 beforeEach 를 활용하면 된다. const routes = [ { path: "/", component: () => import("layouts/MainLayout.vue"), children: [ { path: "", component: () => import("pages/Index.vue"), meta: { requiresAuth: false }, }, { path: "/auth", component: () => import("pages/Auth.vue"), meta: { requiresAuth: true }, }, ], }, ]; export default routes; route.js 에 로그인이 필요한 페이지는 meta 값에 true를 넣어준다. Router.beforeEa..