개발이 취미인 사람

- 지난 시간 안녕하세요. 지난 시간에는 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가 될 수 있습니다. 두 개념을 혼돈하지 않으셔야 개발할 때와 커뮤니케이션할 때 좋습니다. (기억하세요!! :>) - 설치 설치는 아래 공..

- 지난 시간 안녕하세요. 지난 시간에는 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 ..

- 개요 안녕하세요. 이번 시간에는 Web Front 3 대장 Vue.js 개발환경 설정해 보겠습니다. 참고로 Vue CLI를 활용해서 설치하겠습니다. :) - VS Code 설치 개발 환경 IDE는 VS Code를 사용하겠습니다. 본인 PC OS에 맞게 설치해주시면 되겠습니다. VS Code 다운로드 공식 홈페이지 : code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience..

- 지난 시간 안녕하세요. 지난 시간에는 Swagger Yaml 파일 기본 작성법에 대해 알아봤습니다. 놓치고 오신 분들은 한번 아래 링크를 통해 학습하고 오시는 걸 추천드립니다. any-ting.tistory.com/12 [Swagger] Swagger Yaml 기본 파일 작성 - 지난 시간 지난 시간에는 Swaager UI를 구축하는 시간을 가졌습니다. 혹시 구축하지 않으셨다면 아래 링크를 보고 구축하고 오시면 되겠습니다. any-ting.tistory.com/11 [Swagger] Swagger UI를 활용한 내부 A any-ting.tistory.com - 개요 이번 시간에는 실제 RESTFul API 구조에 맞게 하나씩 만들어 보도록 하겠습니다. 결과 화면을 먼저 보여드리도록 하겠습니다. 기본적..

package Access; //사람 스래드 public class Person extends Thread { @Override public void run() { for (int i=0; i< 10; i++){ System.out.println("Sub Thread 일 시작: "+ i); } } } - 지난 시간 안녕하세요. 지난 시간에는 자바 인터페이스(Interface)에 대해 알아봤습니다. 놓치고 오신 분들은 아래 링크를 통해 꼭~ 보고 오세요~! 설명할 개념에 인터페이스가 나옵니다!. any-ting.tistory.com/33 [Java] 인터페이스(Interface) - 지난 시간 안녕하세요. 지난 시간에는 자바 오버 로딩(Oberloading)과 오버 라이딩(Overriding)에 대해 알아..