분류 전체보기102 you add an SSH key to your profile You can't push or pull repositories using SSH until you add an SSH key to your profile. SSH란? - Secure Shell - 원격 호스트에 접속하기 위해 사용되는 보안 프로토콜이다. - SSH 이전에는 원격 접속 과정에서 옮겨지는 비밀번호나 파일 내용 등의 데이터를 탈취할 수 있었다. - SSH는 SSH Client와 SSH Server로 구성되어 있다. - 사용자(클라이언트)와 서버(호스트)는 각각의 키를 보유하여, 이 키를 이용해 연결 상태를 인증하고 안전하게 데이터를 주고받게 한다. 맥에 SSH 생성하기 터미널에 ssh-keygen을 입력하고 엔터 Generating public/private rsa key pair 이란 문구.. 2023. 10. 23. 뷰 컴포넌트 통신 컴포넌트 통신 컴포넌트는 상하위로 관계가 생긴다. 컴포넌트는 각자 고유한 유효 범위를 가지고 데이터도 각각 가지고 있다. 이 데이터를 공유하려면 props와 event 속성을 사용하면 된다. 부모는 자식에게 props(데이터) 속성을 전달하고, 자식은 부모에게 evnet를 전달한다. 왜 부모-자식으로 통신 영역을 제한하는가? 각 컴포넌트가 마음대로 데이터를 주고 받는다면 에러 발생시에 추적하기 어렵게 된다. 뷰는 데이터가 아래로만 내려간다. 이 규칙은 데이터를 흐름을 추적할 수 있게 해준다. 2023. 8. 22. 뷰 컴포넌트 뷰 컴포넌트 화면 영역을 구분하여 개발(헤더, 네비, 콘텐츠, 푸터...) 코드의 재사용을 위함(코드 반복을 줄여서 여러 화면에 사용) new Vue({ el: '#app' }); 뷰 인스턴스를 생성하면 기본적으로 컴포넌트가 생성된다. 전역 컴포넌트 전역 컴포넌트는 component('컴포넌트이름', 컴포넌트내용)으로 만들수 있다. #app(Root 컴포넌트) 안에서 태그로 사용할 수 있다. 여러 인스턴스에서 공통으로 사용하며 위치에 상관없이 어디서든 호출할 수 있다. 전역으로 사용해야하는 플러그인이나 라이브러리만 사용한다. 최초 빌드시에 같이 빌드되기에 무거워질 수 있다. Vue.component('app-header', { template: 'Header' }) new Vue({ el: '#app' .. 2023. 8. 22. 소통 대화가 잘 안됐다 소통이 힘들다 말이 안 통한다 모든 인문학을 다 동원해서 할 이야기가 많은 주제이다 많은 사람들이 호소하는 외로움과 좌절의 문제는 말이 통하는 사람이 한 두사람만 있어도 해결이 된다 외로움은 혼자 있어서 외로운게 아니다 말이 안 통하는 사람과 있어서 외로운 것이다 누구나 말이 통하는 사람을 찾아 헤맨다 많은 남성들이 향략산업이나 성산업을 찾는 이유는 외로움 때문이다 자기 말을 무조건 들어줄 사람 토를 달지 않고 들어줄 사람을 찾는 것이다 여성들이나 청소년들은 자기의 말을 들어주는 사람이 없고 자기를을 가르치려는 사람만 있을 때 우울하고 외롭고 폭식 등의 현상으로 나타난다 스스로가 조금 부족하거나 가난하더라도 말이 잘 통하는 친구들이 있으면 살만하다 그만큼 소통이 중요하다 하지만 소통은 .. 2023. 3. 20. 뷰 템플릿 문법 뷰 템플릿 HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 HTML로 변환해주는 속성 뷰 템플릿 문법 Vue는 DOM에 Vue의 데이터와 로직이 연결될 수 있도록 HTML 기반의 문법을 제공 1. 데이터 바인딩 {{ }} 콧수염 괄호를 이용해서 data 등의 속성들을 화면에 나타냄 - bind: 데이터 연결 - computed: 데이터 표현을 더 직관적이고 간결하게 도와주는 속성 {{ message }} {{ doubleNum }} 2. 디렉티브 HTML태그에서 'v-'로 시작하는 속성. 'v-' 속성들을 읽어들여 이벤트를 처리 - v-bind:id: id를 연결. DOM의 정보까지 리액티브하게 변경할 수 있다 - v-bind:class: class를 연결 - v.. 2023. 1. 14. Axios Axios 액시오스 뷰에서 권고하는 HTTP 통신 라이브러리 Promise 기반의 HTTP 통신 라이브러리 ※ Promise 란? - 자바스크립트에서 비동기 처리에 사용되는 객체 ※ 비동기 처리란? - 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 특성 액시오스 설치 CDN https://github.com/axios/axios GitHub - axios/axios: Promise based HTTP client for the browser and node.js Promise based HTTP client for the browser and node.js - GitHub - axios/axios: Promise based HTTP client for the browser a.. 2023. 1. 11. 이전 1 2 3 4 ··· 17 다음 반응형
