개발이 취미인 사람

- 개요 안녕하세요. 이번 시간에는 Mixin에 대해 알아보겠습니다. 우리는 프로그램을 만들다 보면 공통적인 기능들이 많이 있습니다. 예를 들어 첫 페이지에 특정 애니메이션 기능이 있고 두 번째 페이지에도 동일한 애니메이션 기능이 있다고 하면, 우리는 이 기능을 모듈화를 하고 싶다는 생각이 듭니다. 모듈이란 무엇일까요? 사전에서 소개하는 단어 뜻은 아래와 같습니다. 여러 뜻이 있지만, 우리는 규격화된 부품이라는 단어를 잘 이해야 합니다. (IT 용어는 참 어려워요... ㅠㅠ) 규격은 기능을 만들어 놓을 수 있는 "틀"이라고 할 수 있으며, 그 규격 안에 기능을 정리해 놓은 걸 하나의 부품이라고 할 수 있습니다. 그러면 Vue 인스턴스들은 해당 부품을 찾아서 사용하면 됩니다. 재활용이 가능하며 관리면에서도..

- 지난 시간 안녕하세요. 지난 시간에는 Vue Router를 활용해서 데이터를 전달하는 방법에 대해 알아봤습니다. 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/46 [Vue] Vue Router 데이터 전달하기 - 지난 시간 안녕하세요. 지난 시간에는 Vue Router 개념 및 설치 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. :) any-ting.tistory.com/45 any-ting.tistory.com - 개요 이번 시간에는 라우트 중첩과 리다이렉트에 대해 알아보겠습니다. 라우트 중첩은 무엇일까요? 사실은 라우트 중첩보다는 컴포넌트 중첩이라고 생각하는 게 이해될 ..

- 지난 시간 안녕하세요. 지난 시간에는 Vue Router 개념 및 설치 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. :) any-ting.tistory.com/45 [Vue] Vue Router 개념 및 설치 - 개요 안녕하세요. 이번 시간에는 Vue Router에 대해 알아보겠습니다. Router란 무엇일까요? 사전을 검색해보면 네트워크에서 데이터의 전달을 촉진하는 "중계 장치"라고 설명하고 있습니다. 위 그 any-ting.tistory.com - 개요 이번 시간에는 Vue Router에서 데이터 전달하는 방법에 대해 알아보겠습니다. 기본적으로 데이터를 전달하는 방식은 두 가지 방식이 있습니다. Query Params 그리고 프로그래밍..

- 개요 안녕하세요. 이번 시간에는 Vue Router에 대해 알아보겠습니다. Router란 무엇일까요? 사전을 검색해보면 네트워크에서 데이터의 전달을 촉진하는 "중계 장치"라고 설명하고 있습니다. 위 그림과 같이 로그인 페이지와 메인 페이지가 있다면, 사용자에 요청에 맞는 페이지를 보여주는 중계 역할을 할 수 있는 기술은 Vue Router입니다. Router와 항상 함께 묶어 사용되는 개념인 Route라는 용어도 있습니다. Route를 사전에서는 "한 곳에서 다른 곳으로 가기 위해 따라가는 길(경로/루트)"라고 설명하고 있습니다. 위 그림을 보면 화살표가 route가 될 수 있습니다. 두 개념을 혼돈하지 않으셔야 개발할 때와 커뮤니케이션할 때 좋습니다. (기억하세요!! :>) - 설치 설치는 아래 공..

- 지난 시간 안녕하세요. 지난 시간에는 Computed와 Watch 그리고 Method에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/43 [Vue] Computed vs Watch vs Method 사용법 및 비교 - 지난 시간 안녕하세요. 지난 시간에는 Vue.js 생명주기, LifeCycle에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/42 [Vue] C any-ting.tistory.com - 개요 이번 시간에는 vue에서 많이 사용하는 상태 관리 라이브러리 vuex에 대해 알아보겠습니다. 상태 관리? 무슨 말..

- 지난 시간 안녕하세요. 지난 시간에는 Vue.js 생명주기, LifeCycle에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/42 [Vue] Component 생명주기 LifeCycle 개념 및 사용법 - 지난 시간 안녕하세요. 지난 시간에는 부모 자식 Component 간에 데이터 주고받는 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천 드립니다. any-ti any-ting.tistory.com - 개요 이번 시간에는 Vue로 개발할 때 많이 사용되는 Computed와 Method 그리고 Watch에 대해 알아보겠습니다. 기본적인 개념을 먼저 정리해 드리겠습니..

- 지난 시간 안녕하세요. 지난 시간에는 부모 자식 Component 간에 데이터 주고받는 방법에 대해 알아봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천 드립니다. any-ting.tistory.com/41 [Vue] 부모 자식 Component간에 데이터 주고 받기 (Props와 Emit 사용법) - 지난 시간 안녕하세요. 지난 시간에는 Component를 만들고 변수와 메서드를 사용해봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/40 any-ting.tistory.com - 개요 이번 시간에는 생명주기 LifeCycle에 대해 알아보겠습니다. 생명주기란? 무엇일까요?... 어렵게 생각할 ..

- 지난 시간 안녕하세요. 지난 시간에는 Component를 만들고 변수와 메서드를 사용해봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/40 [Vue] Component 생성 및 변수 메서드 활용 - 지난 시간 안녕하세요. 지난 시간에는 Vue 기본 개념과 Project 구조에 대해 살펴봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 확인하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/39 [V any-ting.tistory.com - 개요 이번 시간에는 부모 Component와 자식 Component 간에 데이터 전달에 대해 알아보겠습니다. Props와 Emit이라는 기술에 대해 알아볼 예정입..

- 지난 시간 안녕하세요. 지난 시간에는 Vue 기본 개념과 Project 구조에 대해 살펴봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 확인하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/39 [Vue] Vue 기본 개념 및 디렉터리 구조 파악 - 지난 시간 안녕하세요. 지난 시간에는 Vue.js 개발환경 설정에 대해 알아봤습니다. 혹시 세팅을 못 하셨거나 놓치고 오신 분들은 아래 링크를 통해 개발환경 설정을 하고 오시는 걸 추천드리겠 any-ting.tistory.com - 개요 이번 시간에는 Component를 생성하고 변수와 메서드를 만들어 보도록 하겠습니다. Vue 에서 가장 중요한 개념은 "Component"이며, Component를 해석하면 '(구성) 요소, 부..

- 지난 시간 안녕하세요. 지난 시간에는 Vue.js 개발환경 설정에 대해 알아봤습니다. 혹시 세팅을 못 하셨거나 놓치고 오신 분들은 아래 링크를 통해 개발환경 설정을 하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/38 [Vue] Mac Vue.js 개발환경 설정 - 개요 안녕하세요. 이번 시간에는 Web Front 3 대장 Vue.js 개발환경 설정해 보겠습니다. 참고로 Vue CLI를 활용해서 설치하겠습니다. :) - VS Code 설치 개발 환경 IDE는 VS Code를 사용하겠습니다. 본인 PC OS any-ting.tistory.com - 개요 Vue라는 기술은 뷰(View) 레이어에 특화된 "라이브러리 및 프래임 워크"입니다. 가장 많이 듣는 디자인 패턴 중에 MVC ..