HOME
HOME
Github Page 만들기
Github 사이트 접속 https://github.com/ GitHub: Let’s build from here GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 아이디가 없으면 하나 만들어준다. 본인의 사이트명이 된다. repository생성 상단에 ' + > New Repository'로 들어간다. Repository 입력 자신의 사이트로 사용할 리파지토리명은 아이디와 똑같이..
Vue - 사이트를 Github Pages에 배포하기 방법1
Vue.js로 만든 사이트를 다른사람도 볼수 있도록 배포를 해보자. Point. vue파일들을 그대로 올리는 것이 아니고, build를 실행해서 생성된 파일을 올려야 한다. 깃허브 로그인 https://github.com/ GitHub: Let’s build from here GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 깃허브에 로그인하자. 페이지생성이 아직 안되어있으면 Pa..
Vue - 서버 시작 에러
에러메시지 서버를 실행하려고 'npm run serve'를 입력했늗네 에러가 나올 때, npm ERR! code ENOENT .npm ERR! enoent This is related to npm not being able to find a file. 에러메시지 내용 npm ERR! code ENOENT npm ERR! syscall open npm ERR! path D:\*****\package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'D:\*****\package.json' npm ERR! enoent This is related to npm not being able to find a file..
CLI 설치, 버전 바꾸기
CLI vue 터미널 명령어를 사용하기 위해 cli를 설치 Command Line Interface, 명령 줄 인터페이스 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다.(출처 : 위키백과) Vue CLI 기본 설치 npm i -g @vue/cli 업데이트 그냥 최신 버전으로 업데이트 하는 방법 npm update -g @vue/cli 삭제, 설치 vue의 버전에 따라 명령어가 상이함 (Vue 버전확인하기) 2.x 버전 // 설치 npm i -g vue-cli // 삭제 npm r -g vue-cli 3.x 버전 // 설치 npm i -g @vu..
Vue - 프로젝트 생성 (Vue-CLI 시작)
프로젝트 생성 Vue 3.x 버전 vue creat 프로젝트명 vue create pages Vue 2.x 버전 vue init webpack 프로젝트명 - webpack 대신에 webpack-simple, browserify 등 가능 함 명령어를 입력했는데 에러 나옴 Vue - 초기 설치 에러 에러메시지 이 시스템에서 스크립트를 실행할 수 없으므로..... Vue를 설치하고 명령어를 입력할 때 나오는 에러메시지. 오류 메시지가 나오는 이유는 Windows의 실행 정책 때문이라고 한다. 이를 mansu.tistory.com Vue-CLI 시작하기 키보드로 조작( ↑↓ ).하고, vue 2 버전, vue 3 버전 중 설치할 버전을 고르고 엔터. Default는 Vue 3 일반적으로 설치를 했다면 vue3버..
Vue - 초기 설치 에러
에러메시지 이 시스템에서 스크립트를 실행할 수 없으므로..... Vue를 설치하고 명령어를 입력할 때 나오는 에러메시지. 오류 메시지가 나오는 이유는 Windows의 실행 정책 때문이라고 한다. 이를 수정해보자. @_@ 권한 변경하기 파워셀열기 윈도우즈 검색에서 'PowerShell'을 입력 명령어입력 파워셀을 열고 명령어를 입력하고 엔터. get-ExecutionPolicy 결과는 Restricted라고 나오는 것을 확인할 수 있다. 권한 상태 값 Restricted : default설정값으로, 스크립트 파일을 실행할 수 없음 AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있음 RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파..
Vue - 설치, 환경 세팅
Visual Studio Code에서 진행 Vue 설치 새 터미널 열기 Terminal > New Terminal 터미널창에 입력 둘다 가능 !! npm i vue npm install vue 조금 기다리면 알아서 설치함 vue@3.2.41 버전 설치 완료. 공식문서에는 vue --version 으로 vue버전을 확인한다고 나와있지만, 어째서인지 CLI버전을 확인하는 명령어로 반영이 되어서 좀 더 확인이 필요하다. CLI 설치 Vue.js 개발환경 빠르게 다운받아보자. (Vue.js에서 제공하는 공식 CLI 설치) 둘다 가능 !! npm i -g @vue/cli npm install -g @vue/cli 시간이 좀 걸리니 그냥 기다린다. 버전 @vue/cli 5.0.8 설치완료 Vue - 프로젝트 생성 ..
마크다운 배지 만들기
스킬표시에 많이 사용하는 아이콘 만드는 방법 사이트 https://shields.io Shields.io: Quality metadata badges for open source projects Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space → SpaceUsing query string parameters/static/v1?label= &message= &color= Colo shields.io https://simpleicons.org Simple ..
참고
내가 보려고 모아둔 참고사이트 JSON.parse() JSON.stringify() Vue https://vuejs.org/ Vue.js - The Progressive JavaScript Framework | Vue.js Versatile A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework. vuejs.org Vue2 https://kr.vuejs.org/v2/guide/index.html Element-UI vue2 https://element.eleme.io/#/en-US/component/installation Element - The world's most popul..
엣지(Edge) 브라우저 - 시작 페이지 바꾸기
시작페이지 바꾸기 기본설정으로 되어 있을 때 첫화면으로 많은 뉴스, 나는 이것을 원하지 않아 바꾸기로 했다. 설정 오른쪽 상단에 '점3개 버튼' 클릭 설정버튼을 눌러 나오는 목록의 아래쪽에 '설정' 클릭 시작, 홈 및 새탭 좌측 목록에서 '시작, 홈 및 새탭' 클릭 후 오른쪽 페이지에서 'Edge가 시작되는 경우 > 다음 페이지를 열 수 있습니다. > 새 페이지 추가' 클릭 URL입력 엣지 브라우저가 처름 실행 될 때 보여줄 사이트 주소를 입력 후 '추가' 버튼 클릭 나는 'google.co.kr' 입력 재시작 그리고 브라우저를 껏다가 다시 키면 구글로 시작이 되는것을 확인 할 수 있다 :D
highlight.js - 코드
highlight.js 코드를 여러가지 테마를 사용하여 예쁘게 꾸며줄수 있다. 사이트 바로가기 highlight.js Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only once. highlightjs.org 스타일 영역을 클릭하면 스타일이 바뀐다. 원하는 스타일을 찾았다면, 반영 소스에 넣어주면 된다. 'atom-one-light'을 넣어보자, 위 소스 중 맨위에 있는 css에 스타일명을 적어 준다. 이외방법 'Get Version'을 들어가면 다른 방법으로도 반영하는 가이드와, 다운로드 해서 서버에 올료 사용하는 방법도 안내되어 있다.
Realforce R3
무접점 끝판왕 이번에 리얼포스 R3 블루투스 모델을 입양 했습니다 💗 기존에 R2 사용중이었고 한국정발 버전 구매를 못해서 재입고를 기다리다가 결국 직구했습니다. 하루에 몇시간씩 키보드를 때리는 직업 특성상 리얼포스 만한게 없더라고요. (는 핑계고 그냥 갖고 싶은거) 리얼포스 R3 이번 모델은 기기 4개 + USB 모드 사용 가능해요. (블루투스 5.0, USB 2.0) 맥버전은 맥에 어울리게 색감이 고급지게 나왔어요. 윈도우 버전은 제가 좋아하는 맷블랙 입니다. 맥북도 사용하고 윈도우도 사용해서 어쩌다보니 2개 👏🏽 비교샷 👉🏽 리얼포스와 한무무 예전에 맥북, 아이패드, 아이폰, 윈도우 까지 쓸수있는 제품으로 "한무무"를 구매 했었는데, 생각처럼 호환성 있게 사용이 잘 안되 더라는.. 일단 키감이 무거..
나눔스퀘어 웹 폰트 적용하기
제목에 잘 어울리는 "나눔 스퀘어"폰트 적용방법을 알아보자. 직접 다운로드 하고 서버에 올려서 사용하는 방법과, 폰트를 불러와서 사용하는 방법이 있다. 위 - 기존 일반 나눔스퀘어, 아래 -나눔스퀘어ac 버전 옵션 Regular(400), Bold(700), Extra Bold(800), Light(300) 지원이 되고, ac(R, B, EB, L) 추가 되었다. 폰트 다운로드 GitHub - moonspam/NanumSquare: 나눔스퀘어 웹폰트 (NanumSquare Webfont) GitHub - moonspam/NanumSquare: 나눔스퀘어 웹폰트 (NanumSquare Webfont) 나눔스퀘어 웹폰트 (NanumSquare Webfont). Contribute to moonspam/Nan..