티스토리

Jessi's Note

검색하기

블로그 홈

Jessi's Note

mansu.tistory.com/m

공부 기록

구독자: 2

방명록 방문하기

공지 공지사항 레이아웃 테스트 모두보기

주요 글 목록

[MAC] SSH 키 복사하기 SSH 키 복사하기 1. 클립보드로 바로 복사$ pbcopy 2. cat 명령어 수동 복사$ cat ~/.ssh/id_ras.pub 공감수 0 댓글수 0 2024. 12. 14.
맥(MAC) - 터미널 사용자 이름 변경 터미널에서 사용자 이름 변경 scutil --set HostName 변경이름 scutil --set HostName 변경이름 1. 명령어, 변경할 이름 2. 맥 암호 입력 3. 터미널 재 실행 공감수 0 댓글수 0 2024. 4. 23.
[Windows 10] 정품인증 CMD CMD 창 열기 윈도우키 + R > CMD 검색 후 Ctrl + Shift + Enter (관리자 모드로 실행) slmgr /skms kms.digiboy.ir 1) Home 버전 slmgr /ipk TX9XD-98N7V-6WMQ6-BX7FG-H8Q99 2) Pro 버전 slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX 3) Home N 버전 slmgr /ipk 3KHY7-WNT83-DGQKR-F7HPR-844BM 4) Pro N 버전 slmgr /ipk MH37W-N47XK-V7XM9-C7227-GCQG9 5) Enterprise 버전 slmgr /ipk NPPR9-FWDCX-D2C8J-H872K-2YT43 6) Enterprise KN 버전 slmgr /ipk DPH2V-TTN.. 공감수 0 댓글수 0 2024. 4. 18.
Vscode - Copilot 제안 보기 윈도우 이전, 다음제안 Alt + [ Alt + ] 전체 제안 보기 Ctrl + Enter 맥 이전, 다음제안 Option + [ Option + ] 공감수 0 댓글수 0 2023. 10. 6.
윈도우 원격접속 텔레그램 메시지 받기 1. 윈도우+R taskschd.msc 2. 작업스케쥴러 - 작업스케쥴러 - 라이브러리 - 작업 만들기 3. 새 작업만들기 - '이름', '내용' 작성 4. 트리거 - 새로 만들기 -> 작업 시작 : "터미널 서버 세션 연결 상태" 5. 동작 - 새로 만들기 -> 프로그램ㅁ 시작 -> 스크립트 선택 6.저장 후 원격으로 접속 텔레그램 메시지 확인 공감수 0 댓글수 0 2023. 7. 5.
VSCode - Vue Snippets Vue Snippet Purpose vbase Single file component base with SCSS vbase-3-setup Single File component setup Composition API with SCSS vbase-css Single file component base with CSS vbase-styl Single file component base with Stylus vbase-ts-class Single file component base with Typescript Class Format vbase-3-ts-setup Single File component setup Composition API with Typescript vbase-sass Single file .. 공감수 0 댓글수 0 2023. 6. 12.
Total Commander - 단축키 모음 토탈커맨더 - 단축키 Total Commander - Shortcut Keys 기본설명 Window = Panel :: Tab 창, 패널, 탭(현재) Source = Active 활성창, 위치한 창, 활성 패널, 위치한 패널 Target = InActive 비활성창, 반대편 창, 반대편 패널 Folder = Directory 폴더 = 디렉토리 복사/이동/삭제와 같이 파일과 폴더에 모두 해당하는 기능에서도 파일이라고 표기하고 있다. Function F1 도움말 F2 활성창 새로 고침 (CTRL+R - 현재 디렉토리 새로 고침) F3 파일(들) 보기 (옵션에 기본 설정된 뷰어 - 리스터) F4 파일(들) 편집 (옵션에 기본 설정된 편집기) F5 파일(들) 복사 F6 파일(들) 이동/이름바꾸기 F7 디렉토리 .. 공감수 1 댓글수 1 2023. 6. 9.
adobe - sorry this adobe app is not available 메시지 해결 sorry this adobe app is not available 1. 터미널 sudo nano /etc/hosts Password 입력 2. host 수정 127.0.0.1 ic.adobe.io 127.0.0.1 52.6.155.20 127.0.0.1 52.10.49.85 127.0.0.1 23.22.30.141 127.0.0.1 34.215.42.13 127.0.0.1 52.84.156.37 127.0.0.1 65.8.207.109 127.0.0.1 3.220.11.113 127.0.0.1 3.221.72.231 127.0.0.1 3.216.32.253 127.0.0.1 3.208.248.199 127.0.0.1 3.219.243.226 127.0.0.1 13.227.103.57 127.. 공감수 0 댓글수 0 2023. 5. 30.
Flutter - 불필요한 코드 가리기 analysis_options.yaml prefer_const_constructors: false prefer_const_literals_to_create_immutables: false 공감수 0 댓글수 0 2023. 5. 30.
Git - 연동 오류 설정 Make sure you configure your 'user.name' and 'user.email' in git Git 설치 후 사용자 이름과 이메일 연동 해주어야 함 git config --global user.name "이름" git config --global user.email "이메일" 프로젝트마다 다른 이름,이메일 사용하려면 --global 빼고 등록 https://docs.github.com/en/get-started/getting-started-with-git/setting-your-username-in-git Setting your username in Git - GitHub Docs Git uses a username to associate commits with an identit.. 공감수 0 댓글수 0 2023. 5. 10.
Window - 캡쳐 단축키 'PrtSc' 프린트 스크린 전체화면 캡쳐 'alt' + 'PrtSc' - 활성창 캡쳐 'Ctrl' + 'PrtSc' - 윈도우 캡쳐도구 실행 'WIN' + 'PrtSc' - 전체화면캡쳐 & 바로 저장 저장위치 : 내 PC > 사진 > 스크린샷 'WIN' + 'Shift' + 'S' - 원하는 부분 선택 캡쳐 - 편집, 저장 'WIN' + 'G' 녹화 공감수 0 댓글수 0 2023. 5. 10.
Window - NAS 파일 탐색기 연결 NAS 파일 탐색기 연결 ※ 내부망에서 연결하는 방법이고 네트워크 세팅은 완료되어 있는 상태 임 1. 파일탐색기 열기 파일탐색기 (아무 폴더) > "내 PC" 마우스 우클릭> "네트워크 드라이브 연결" 2. 연결할 드라이브 선택 1. 연결할 폴더드라이브를 지정 (마음대로) 2. 폴더에는 경로를 직접 입력하거나 찾아보기로 등록 1. 직접입력 \\나스 내부 ip\\연결할 폴더 혹은 \\나스이름\\연결할 폴더 2. 찾아보기 4. 마침 경로 선택을 완료 했으면 마침 5. 결과 z드라이브에 잘 연결됨 공감수 0 댓글수 0 2023. 5. 1.
Wi-Fi QR Code 만들기 큐알코드 만드는 방법 큐알코드만으로 간단하게 와이파이에 접속할 수 있는방법. SSID : 와이파이 아이디 Key : 비밀번호 입력하고 "Generate"버튼만 눌러주면 QR코드가 생성된다. https://qifi.org pure JS WiFi QR Code Generator Encryption WPA/WPA2/WPA3 WEP None qifi.org 공감수 0 댓글수 0 2023. 4. 22.
Vue - 무한 스크롤, Infinite Scroll 인피니트 스크롤 - Infinite Scroll, 무한 스크롤 IntersectionObserver - 생성한 인스턴스로 관찰자를 초기화하고 관찰할 대상을 지정 소스코드 // 로딩아이콘 - 관찰대상 #infinite-scroll(ref="infinitescroll") font-awesome-icon(:icon="['fas', 'spinner']" spin) methods: { fetchList() { let req = new Request(this.currentUrl); fetch(req) .then(res => { if (res.status === 200) { return res.json(); } }) .then(data => { this.nextUrl = data.next; }) .catch(erro.. 공감수 1 댓글수 0 2023. 4. 18.
Vue - scss 전역 스타일 사용하기 SCSS 전역 스타일 사용 ※ 테스트 버전 "vue": "^2.6.14" 사용 목표 변수 $ @mixin, @include '$'변 수사용 전역으로 설정해놓고 다른 파일에서 사용 // set $color: #3b3b3b; // use h3 { color: $color; } @mixin 사용 필요 sass, sass-loader 주의 vue 2.6.x에서는 sass-loader 10버전 이하를 사용해야 함. 최신버전으로 설치했더니 에러. (▼▼ 릴리즈 버전 확인은 페이지 하단 ▼▼) 사용예제 /* set */ @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius:.. 공감수 0 댓글수 0 2023. 4. 14.
VS Code에서 FTP설정하기 VS Code에서 FTP설정하기 확장팩 설치 Extensions Install ➡ " ftp-simple " 설정 단축키 ' F1 ' ftp-simple : Config - FTOP connection setting 정보입력 본인의 FTP 정보를 입력 후 저장 워크 스페이스 단축키 ' F1 ' ftp-simple : Remote directory open to workspace 앞에서 설정해준 이름을 선택 FTP의 디텍토리 선택 (기호에 맞게) 접속 완료, 바로 서버에서 작업할 수 있게 되었다. 공감수 0 댓글수 0 2023. 4. 13.
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은 아무거나 넣어도 됨. 공감수 0 댓글수 0 2023. 4. 12.
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.. 공감수 0 댓글수 0 2023. 4. 12.
크롬(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. 크롬 재시작 이쯤에서 .. 공감수 3 댓글수 4 2023. 4. 12.
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 업뎃예정 공감수 1 댓글수 0 2023. 4. 12.
남아공 서핑 정보 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.. 공감수 0 댓글수 0 2022. 12. 20.
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.. 공감수 0 댓글수 0 2022. 12. 7.
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.. 공감수 0 댓글수 0 2022. 12. 7.
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") 공감수 0 댓글수 0 2022. 11. 30.
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.. 공감수 0 댓글수 0 2022. 11. 23.
Vue - 기본 Instance 뷰 개발 시 생성해야하는 필수 코드 인스턴스 생성시 Vue 개발자 도구에서 Root 컴포넌트로 인식 el: app이라는 ID를 가진 태그를 찾아서 인스턴스를 붙여준다. 태그에 인스턴스를 붙여주면 view의 기능과 속성을 조작 가능 data: 뷰의 반응성(Reactivity)이 반영된 데이터 속성 template : 화면에 표시할 요소 (HTML, CSS 등) methods : 화면의 동작과 이벤트 로직을 제어하는 메서드 created : 뷰의 라이프 사이클과 관련된 속성 watch : data에서 정의한 속성이 변화했을 때 추가 동작을 수행할 수 있게 정의하는 속성 Components 코드 재사용 전역 컴포넌트, 지역 컴포넌트 하나의 인스턴스에 컴포넌트를 붙이는 방식으로 서비스 구현 통신.. 공감수 0 댓글수 0 2022. 11. 15.
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.. 공감수 0 댓글수 0 2022. 11. 14.
USB - 파일이 너무 커서 대상 파일 시스템에서 사용할 수 없습니다. 증상 USB 공간이 충분한데도 불구하고 파일 복사가 안될 때 해결하는 방법 "파일이 너무 커서 대상 파일 시스템에서 사용할 수 없습니다." 원인 USB의 파일시스템형식이 'FAT32'형식으로 되어있기 때문이다. FAT32형식은 파일 1개당 4GB이하만 복사가 가능하도록 되어있다. 이 파일시스템의 형식을 변경해주면 된다. 대상USB 대상USB에 마우스 우클릭으로 '속성'에 들어간다. 용량은 충분한 텅텅 비어있는 USB USB의 파일 시스템을보면 형식이 'FAT32'로 되어있다. 대상파일 용량이 4기가인 파일 포맷 대상USB에 다시 마우스 우클릭으로 '포맷'을 들어간다. 포맷형식 지정 파일시스템의 형식을 'NTFS'로 지정 해주고 '시작'버튼 포맷 진행 포맷을 하면 USB안의 내용을 다 지워진다는 경고창. .. 공감수 1 댓글수 0 2022. 11. 12.
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.. 공감수 0 댓글수 0 2022. 11. 9.
Git Bash - fatal: protocol 'https' is not supported 에러 에러 Git Bash에서 fatal: protocol 'https' is not supported 에러가 날 때 방법 '인터넷에서 복사한 텍스트는 콘솔에 바로 붙여 넣기하면 안된다' 라는것 ;;; 보이지 않는 문자가 포함되어 있다나.. 메모장에 한번 붙여넣기 하고 다시 복사해오니 정상 실행 되더라,, --'' 공감수 0 댓글수 0 2022. 11. 9.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.