짬짬이기록하기

1. github에서 레포지토리를 만든다. 2. vscode에서 작업할 폴더를 선택하여 폴더를 연다. 3. 만든 레포지토리로 가면 git init부터 연결주소까지 내용이 적혀있다. 4. vscode에서 터미널을 열고, 3번의 내용을 차례대로 입력해 연결해주면 끝! 5. github의 레포지토리에서 settings - pages - branch에서 브랜치 선택 후 save를 누르면 나의 깃주소/생성한레포지토리/ 명으로 uri가 생성된다. (체감 상 1분 정도 소요되는 듯하다. 쬐꼼 기다렸다 확인하면 됨)

vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\username\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execu tion_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + vue add vuetify + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 설치 에러의 연속이구만. "터미널에서 "vue create" 명령어 입력시 아래와 같은 오류가 발생할 수 있습니다. 이는 윈도우 파워쉘에서 실행했..

아이고 두야~ 설치가 왜이리 어려운 것이냐. 잘 따라하다가 꼭 설치에서 개고생을 한다. 2년 전 강의를 보고 따라하니 그런거겠지. ㅠㅠ Vuetify 연습해보려고 따라하다가 vue-router를 설치했는데 vue2버전에서는 router3버전을 써야한단다.. 3버전에서는 4를 써야하고.. 왜그런건데... 여튼 그냥 설치했더니 자동으로 4버전이 설치되어서 아래와 같은 에러를 뱉었다. Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install') at Vue.use (webpack-internal:///./node_modules/vue/dist/vue.r..

See the Pen custom tag by delikeyki95 (@delikeyki95) on CodePen.

1. Auto Rename Tag : 수정할 태그의 앞태그를 수정하면 쌍을 이루는 뒷태그를 자동으로 변경함 2. CSS Peek : html에서 사용된 클래스의 속성을 알고 싶을때 해당 클래스명에 Ctrl + click 3. HTML to CSS autocompletion : html에서 작명한 클래스명을 CSS에서 속성지정할 때, 자동완성 기능을 제공함 4. HTML CSS Support : html 클래스를 작성할 때, 기 저장된 클래스명의 자동완성 기능 제공 5. Korean Language Pack for Visual Studio Code : vscode 한글판 6. Live Server : 로컬서버 생성 7. Prettier : 코드 포맷터 8. Eslint : 자바스크립트 문법 체크,

- 같은 태그 한번에 커서 잡기 : 마우스드래그로 태그선택 후 ctrl + d 로 선택 - alt + click : 다중 커서 생기게 (alt 누른 후 원하는 위치에 클릭) - alt + 상하 방향키 : 해당 row를 원하는 위치로 이동 - ctrl + / : 주석달기 - ctrl + p : 파일찾기 - ctrl + f + h : 단어 찾기 바꾸기 - alt + shift + f : 태그 들여쓰기 한번에 정리 - ctrl + enter : 코드 중간에서 아래 행으로 개행

rem html에서 선언한 font-size를 기준으로 한다. html { font-size: 16px } div { font-size: 1rem // 16px } rem 단위는 또 브라우저의 폰트 크기 설정에 따라 그 크기가 변해야 하는 곳에 사용 em 본인이 속해있는 엘리먼트의 font-size를 기준으로 한다. (없다면 상속이기 때문에 부모요소의 font-size를 참조함) div { font-size:14px; padding: 1em; //14px } em 단위는 최상위 요소에 지정된 폰트 크기 말고, 다른 특정 요소의 폰트 크기에 따라 그 크기가 변해야 하는 곳에 사용 ex) 예를들어 button의 기본폰트 사이즈를 1rem을 주고 해당 버튼의 패딩값을 쓸 때는 고정값보다는 유동적인 em을 쓰면..

웹의 기본은 동기 통신이다. URL 서버요청 => 응답 대기 a 링크 클릭 서버요청 => 응답 대기 동기(synchronous) : 결과를 기다리는 것(Blocking) ==> 요청을 보내고 응답을 기다리는 동안 대기한다. 비동기(asynchronous) : 결과를 기다리지 않는 것(Non-Blocking) ==> 요청을 보내고 응답을 기다리는 동안 다음 할일을 수행(ex. Ajax) setTimeout(function(){ console.log("1. setTimeout 실행") }, 3000) console.log("2. console log") 2. console log 1. setTimeout 실행 순으로 수행된다. 아래 그림이 너무나 이해가 잘되어 캡처했다. goguard 블로그님 뉘신 지는 모..