HOME
HOME
GitLab - Permission denied
깃 퍼미션 거부 Permission denied (publickey). git@gitlab.com: Permission denied (publickey). fatal: 리모트 저장소에서 읽을 수 없습니다 올바른 접근 권한이 있는지, 그리고 저장소가 있는지 확인하십시오. SSH Key 생성 // 본인의 깃, 깃랩 계정 ssh-keygen -t rsa -C "계정" 엔터 치고, 비밀번호 설정 2번 입력 하면 키가 생성됨 대략 이런모습 ssh-key 확인 명령어 입력 // ssh-key 확인 cat ~/.ssh/id_rsa.pub 대략 이런모습임 key 복사 (절대 노출되면 안됨) 키 붙여넣기 GitLab 설정에 복사한 키를 넣어줌. title은 아무거나 넣어도 됨.
Vue2에서 tailwindcss 사용
vue2에서 사용하는 방법 기록 이미 8버전이 설치되어 있는 경우 먼저 삭제 // uninstall npm uninstall tailwindcss postcss autoprefixer 설치 // install npm install -D tailwindcss@latest postcss@latest autoprefixer@latest 23.4.12 기준 vue2 확인 "@tailwindcss/postcss7-compat": "^2.2.17", 설치 확인 됨 초기화 // init npx tailwindcss init -p 초기화를 하면 파일이 생성됨 /postcss.config.js /tailwind.config.js 최적화 postcss.config.js // postcss.config.js const au..
크롬(Chrome) - 확장 프로그램 설치 오류
확장 프로그램 설치 오류 발생환경 - 윈도우10 크롬 웹 스토어 확장 프로그램을 설치하려고 하니 오류 메시지가 나온다. 해결한 방법을 기록함 실패 메시지 오류가 발생했습니다. An error has occerred Download Interrupted 해결한 방법 host 파일에 등록되어있는 구글관련 내용을 삭제하니 해결됨 1. 파일열기 경로 C:\Windows\System32\drivers\etc 2. 복사본 바로 수정이 안될수도 있으므로 host 파일을 "바탕화면"에 복사본을 만든다. (꼭 바탕화면이 아니어도 됨) 3. 내용 수정 host 파일을 메모장으로 열어서 "127.0.0.1 clients.google.com" 이런 내용을 삭제 하고 저장. 대략 나는 이렇게 있었음 4. 크롬 재시작 이쯤에서 ..
CSS - 가상 선택자 ':', '::' 종류, 차이
가상 선택자 가상 클래스(pseudo class) 미리 정의되어있고 눈에 보이지 않음 :link :visited :focus :hover :active :checked :enabled :disabled :empty :first-child :last-child :nth-child() // even, odd, 1,2,3,... :first-of-type :last-of-type :nth-of-type() :nth-last-of-type() :not(선택자) 가상 요소(pseudo element) css로 element를 추가 - 렌더링 후 개발자모드를 통해 확인할 수 있지만 실제로 문서에 존재하지 않음 ::before ::after ::first-letter ::first-line ::selection 업뎃예정
남아공 서핑 정보
https://www.booksurfcamps.com/all/d/africa-and-the-middle-east/south-africa/muizenberg Top 10 Surf Camps in Muizenberg Ready to embark on awesome surf camps in Muizenberg? Browse reviews and prices and book the surf vacation in Muizenberg that best suits your desires. www.booksurfcamps.com 1.Surfers Corner Surf School learn2surf http://southafrica.learn2surf.net/school/cape-town/#prices-info Lea..
Vue - $route.path
router-view에 key를 바인딩 key를 통해 경로 개체 속성을 강제로 연결시킴 router-view(:key=".$route.path") 절대경로로 확인되는 경로를 다시 연결해 노출시킴 router-view(:key=".$route.fullPath") 보여지는 화면에 쿼리 및 해시가 포함된 전체 URL을 연결해 쿼리스트링이 변경되면 페이지를 리로드해서 노출시키는 방법 $route.path 유형 string 항상 절대경로로 확인되는 현재 경호의 경로와 동일한 문자열 $route.params 유형 Object 동적 세그먼트 및 스타 세그먼트의 키/값 쌍을 포함하는 개체 매개 변수가 없으면 값은 빈개체 $route.query 유형 Object 쿼리 문자열의 키/값 쌍을 포함하는 개체 $route.me..
Vue - 404 Page 페이지 만들기
404 Redirect 존재하지 않는 경로가 있다면 404페이지로 리다이렉트하는 방법 페이지 생성 컴포넌트로 사용할 페이지를 임폴트 import PageNotFound from '@/views/PageNotFound.vue' Vue 2.x const routes = [ { path: '*', redirect: "/404" }, ]; 혹은 const routes = [ { path: '*', component: PageNotFound }, ]; Vue 3.x export const constantRoutes = [ { path: "/:pathMatch(.*)", redirect: "/404", }, { path: "/404", component: PageNotFound, meta: { title: "Pag..
Vue3 V-Calendar 사용법
설치 vue3 사용 npm i v-calendar@next https://vcalendar.io/ Introduction | V-Calendar Custom Calendars Roll your own calendars using scoped slots Sun Mon Tue Wed Thu Fri Sat vcalendar.io main.js import "v-calendar/dist/style.css"; import VCalendar from "v-calendar"; app.use(VCalendar, {}); use v-date-picker // option v-date-picker(v-model="date" is-expanded is-range color="orange")
Vue - npm run serve 에러
npm run serve npm 업데이트 하라길래 했더니 서버 실행이 안됨. 뭔가 버전이 안맞는듯.. 결론은 해결 실패 -0- 다음번 같은 증상나오면 해결 하려고 기록 에러 기록 Error: Cannot find module 'node:module' Require stack: - D:\vue-project\vue-page\node_modules\mlly\dist\index.cjs - D:\vue-project\vue-page\node_modules\unimport\dist\shared\unimport.7b88c06e.cjs - D:\vue-project\vue-page\node_modules\unimport\dist\addons.cjs - D:\vue-project\vue-page\node_modules..
Vue - 기본
Instance 뷰 개발 시 생성해야하는 필수 코드 인스턴스 생성시 Vue 개발자 도구에서 Root 컴포넌트로 인식 el: app이라는 ID를 가진 태그를 찾아서 인스턴스를 붙여준다. 태그에 인스턴스를 붙여주면 view의 기능과 속성을 조작 가능 data: 뷰의 반응성(Reactivity)이 반영된 데이터 속성 template : 화면에 표시할 요소 (HTML, CSS 등) methods : 화면의 동작과 이벤트 로직을 제어하는 메서드 created : 뷰의 라이프 사이클과 관련된 속성 watch : data에서 정의한 속성이 변화했을 때 추가 동작을 수행할 수 있게 정의하는 속성 Components 코드 재사용 전역 컴포넌트, 지역 컴포넌트 하나의 인스턴스에 컴포넌트를 붙이는 방식으로 서비스 구현 통신..
xcode - 콘솔창 에러메시지
xcode 콘솔 메시지 빌드시 에러는 아니지만 메시지가 계속 나와 신경 쓰이는 경우 해결방법 2022-11-14 00:36:42.716396+0900 myapp[64284:2006979] Metal GPU Frame Capture Enabled 2022-11-14 00:36:42.716540+0900 myapp[64284:2006979] Metal API Validation Enabled 2022-11-14 00:36:42.807296+0900 myapp[64284:2007209] [plugin] AddInstanceForFactory: No factory registered for id F8BB1C28-BAE8-11D6-9C31-00039315CD46 Product > Scheme > Edit Sche..
USB - 파일이 너무 커서 대상 파일 시스템에서 사용할 수 없습니다.
증상 USB 공간이 충분한데도 불구하고 파일 복사가 안될 때 해결하는 방법 "파일이 너무 커서 대상 파일 시스템에서 사용할 수 없습니다." 원인 USB의 파일시스템형식이 'FAT32'형식으로 되어있기 때문이다. FAT32형식은 파일 1개당 4GB이하만 복사가 가능하도록 되어있다. 이 파일시스템의 형식을 변경해주면 된다. 대상USB 대상USB에 마우스 우클릭으로 '속성'에 들어간다. 용량은 충분한 텅텅 비어있는 USB USB의 파일 시스템을보면 형식이 'FAT32'로 되어있다. 대상파일 용량이 4기가인 파일 포맷 대상USB에 다시 마우스 우클릭으로 '포맷'을 들어간다. 포맷형식 지정 파일시스템의 형식을 'NTFS'로 지정 해주고 '시작'버튼 포맷 진행 포맷을 하면 USB안의 내용을 다 지워진다는 경고창. ..
Vue - 사이트를 Github Pages에 배포하기 방법2
기본 셋팅 후 깃허브에 파일을 업로드 한 다음 과정. 파일수정 vue.config.js 파일 수정 module.exports = { publicPath: process.env.NODE_ENV === "production" ? "/vue-page/" : "/", outputDir: "docs", }; publicPath: process.env.NODE_ENV === "production" ? "//" : "/", npm run build "docs" 폴더가 생겼으면, 푸시한다. 참고 https://cli.vuejs.org/config/#target-browsers Configuration Reference | Vue CLI Configuration Reference Global CLI Config Some..
