본문 바로가기

필사적 필사

(33)
이름을 가지는 뷰 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/named-views.html 이름을 가지는 뷰 | Vue Router 이름을 가지는 뷰 때로는 여러 개의 뷰를 중첩하지 않고 동시에 표시해야 하는 경우가 있습니다. sidebar 뷰와 main 뷰로 레이아웃을 생성합니다. 이름이 지정된 뷰가 편리한 경우 입니다. 뷰에 하나의 outlet이 있는 대신 여러 개를 사용하여 각 outlet에 이름을 지정할 수 있습니다. 이름이 없는 router-view는 이름으로 default가 주어집니다. 뷰는 컴포넌트를 사용하여 렌더링 되므로 여러 뷰에는 동일한 라우트에 대해 여러 컴포넌트가 router.vuejs.org 때로는 여러 개의 뷰를 중첩하..
이름을 가지는 라우트 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/named-routes.html 이름을 가지는 라우트 | Vue Router 이름을 가지는 라우트 때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 사용하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있습니다. 이름을 가진 라우트에 링크하려면, 객체를 router-link, 컴포넌트의 to prop로 전달할 수 있습니다. 이것은 router.push()와 프로그램적으로 사용되는 것과 정확히 같은 객체입니다. 두 경우 모두 라우터는 /user/123 경로로 이 router.vuejs.org 때로는 라우트에 연결하거..
프로그래밍 방식 네비게이션 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/navigation.html 프로그래밍 방식 네비게이션 | Vue Router 프로그래밍 방식 네비게이션 를 사용하여 선언적 네비게이션용 anchor 태그를 만드는 것 외에도 라우터의 인스턴스 메소드를 사용하여 프로그래밍으로 이를 수행 할 수 있습니다. router.push(location, onComplete?, onAbort?) 참고: Vue 인스턴스 내부에서 라우터 인스턴스에 $router로 액세스 할 수 있습니다. 그러므로this.$router.push를 사용 할 수 있습니다. 다른 URL로 이동하려면 router.push를 router.vuejs.org 를 사용하여 선언적 네..
중첩된 라우트 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/nested-routes.html 중첩된 라우트 | Vue Router 중첩된 라우트 실제 앱 UI는 일반적으로 여러 단계로 중첩 된 컴포넌트로 이루어져 있습니다. URL의 세그먼트가 중첩 된 컴포넌트의 특정 구조와 일치한다는 것은 매우 일반적입니다. 예를 들면 다음과 같습니다. vue-router를 사용하면 중첩 된 라우트 구성을 사용하여이 관계를 표현하는 것이 매우 간단합니다. 이전 장에서 만든 앱을 생각해보십시오. 여기에있는 는 최상위 outlet입니다. 최상위 경로와 일치하는 컴포넌트를 렌더링합니다. 비슷하게 렌더링 router.vuejs.org 실제 앱 UI는 일반적으로 여러..
Base64 인코딩이란? 본 게시글은 아래의 글을 필사하였습니다. https://effectivesquid.tistory.com/entry/Base64-%EC%9D%B8%EC%BD%94%EB%94%A9%EC%9D%B4%EB%9E%80 Base64 인코딩이란? 인코딩이란? Base64 인코딩에 대해 알아보기전에 먼저 인코딩이란게 무엇인지 간략하게 알아보자. 인코딩(encoding)은 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태.. effectivesquid.tistory.com 인코딩이란? Base64 인코딩에 대해 알아보기전에 먼저 인코딩이란게 무엇인지 간략하게 알아보자. 인코딩(encoding)은 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해..
서버 사이드 렌더링(SSR:Server Side Rendering)이란 본 게시글은 아래의 글을 필사하였습니다. https://linked2ev.github.io/devlog/2018/11/15/Javascript-2.-What-is-SSR/ [Javascript] 2. 서버 사이드 렌더링(SSR:Server Side Rendering)이란? 서버 사이드 렌더링(SSR)에 대한 지식들과 개념을 정리해서 포스팅하자 linked2ev.github.io 서버 사이드 렌더링(SSR)에 대한 지식들과 개념을 정리해서 포스팅하자 1. 렌더링 렌더링은 요청 받은 내용을 브라우저 화면에 표시하는 것 로더(Loader)가 서버로부터 정보들을 불러옴 파싱(Phasing)을 통해 문서를 DOM 트리를 만듦 DOM 트리가 구축되는 동안 브라우저는 렌더 트리를 구축한다. CSS 설정 / 레이아웃 ..
서버사이드렌더링(SSR) & 클라이언트사이드렌더링(CSR) 본 게시글은 아래의 글을 필사하였습니다. https://velog.io/@zansol/%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-%EC%84%9C%EB%B2%84%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81SSR-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81CSR [주니어탈출기] 서버사이드렌더링(SSR) & 클라이언트사이드렌더링(CSR) 서버사이드렌더링 & 클라이언트사이드렌더링 왜 모바일의 시대에 등장한 클라이언트사이드렌더링 Single Page Application(SPA)! 고려해야할 점들이 있다..
HTML5 기본 문법 본 게시글은 아래의 글을 필사하였습니다. https://poiemaweb.com/html5-syntax HTML5 Introduction & Syntax | PoiemaWeb HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5는 HTML의 최신 버전으로 아래와 같은 기능들이 추가되었다. poiemaweb.com 1. HTML5 HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(str..