작은공간

본 글에서 적용되는 방식은
1.Vue CLI 3.0을 기준으로 설치를 적용합니다.
2.새로운 Project를 생성하는 경우에 적용합니다.

다른 조건에서 적용할 경우

https://v2.vuetifyjs.com/en/getting-started/installation/

Vuetify공식 Docs에 설치방법이 자세히 나와 있습니다.

다른 방법으로 Vuetify를 적용하는 경우 Docs를 참고하시면 됩니다.

Vuetify

Vue.js에서 사용할 수 있는 UI 프레임워크로써, 간편하게 Component를 만들거나,

커스터마이징 할 수 있도록 도와줍니다.

UI를 통해서 어떤 형태로 디자인 할 것인지 보면서 디자인 할 수 있고,

동시에 코드도 만들어서 제공해줍니다.

Vue.js에 Vuetify 적용하기

사용할 Vue.js 버전에 따라 설치 방법이 달라집니다.

이 글에서는 Vue2 기준의 설치 방식을 기록합니다.

https://v2.vuetifyjs.com/en/getting-started/installation/

1. Vue/cli 설치해주기

Vuetify는 Vue/cli로 설치해 줄 수 있습니다. npm을 이용해서 Vue/cli를 먼저 설치해 줍시다.

npm install -g @vue/cli

2. Vue 프로젝트 생성해주기

Vue/cli의 명령어 vue를 통해서 Vuetify가 적용될 project를 먼저 생성해 줍니다.

2-1. 명령어 입력

vue create my-app
// my-app은 내가 만들고자 하는 project의 이름입니다.

2-2. 사용할 Vue버전 선택

Vue 2를 선택해 줍니다.

다음과 같은 화면이 나오면 프로젝트 생성에 성공한 것입니다.

3. vuetify 추가 해주기

3-1. 프로젝트에 진입해 줍니다.

cd my-app

3-2. vuetify 추가해주기

vue add vuetify

3-3. 적용할 Vuetify 초기 설정을 선택해 줍니다.

설치 성공시 화면

main.js 수정

import Vue from 'vue';
import App from './App.vue';
import { store } from './store/store.js'; // vuetify 사용을 위한 추가
import 'vuetify/dist/vuetify.min.css'; // vuetify 사용 위한 추가

new Vue({
  el: '#app',
  vuetify, // vuetify 사용 위한 추가
  render: h => h(App),
}).$mount('#app');

vue실행하기

명령어를 통해 서버를 실행해 줍니다.

yarn serve

Pointer

• Pointer는 메모리 주소를 저장할 목적의 변수이다
• 간접 지정 연산으로 대상 메모리에 접근(혹은 참조)한다.
• 다중 포인터까지 이해하려 노력할 필요는 없다.

C언어 구조체

• 기본 형식 자료 여럿을 하나로 묶어서 관리할 수 있는 유도형이다
• 형 재정의를 통해 선언을 간소화 할 수 있다
• 보통 자료구조의 '쟈료'는 구조체이다

유도형 - 기본 형식 자료 여럿을 묶어서 하나의 자료구조로 만든것

IntelliJ에서 Lombok을 사용하기 위해서는 Enable annotation processing을 허용 해줘야 합니다.
해당 설정을 허용하는 방법에 대해 알아보겠습니다.

IntelliJ에서 Lombok을 사용하기 위한 설정 해주기

Command + , 혹은 IntelliJ IDEA의 Settings에 들어갑니다.

Enable annotation processing 체크 해주기

검색창에 annotation processing을 치면 다음과 같은 화면으로 접근합니다.

Enable annotation processing을 체크 해주고 OK 버튼을 눌러 적용해줍니다.

- 끝 -

Spring initializr

Spring initializr를 이용하여 초기 설정된 project를 간단하게 생성할 수 있습니다.

• 다음의 link로 들어가 줍니다.

https://start.spring.io/

• 다음과 같은 설정 화면에 접속할 수 있습니다.

Project

Project 형태에 대해 설정할 수 있습니다.

• Gradle - Groovy : build.gradle을 통해서 설정을 변경할 수 있습니다.
• Gradle - Kotlin : 코틀린 프로젝트를 생성할 때 사용합니다.
• Maven : pom.xml 파일을 통해서 설정을 변경할 수 있습니다.

Language

프로젝트 사용 언어를 설정합니다.

Spring Boot

스프링 부트 버전을 설정합니다

Project Metadata

Spring Metadata에 대해서 설정합니다.

(추후 내용 보충)

packaging

다운받을 프로젝트의 제공 형태 입니다.
jar 타입으로 받아줍니다.

Java

Project에서 사용할 Java version을 설정해 줍니다.

Dependencies

초기 설정에 포함되는 library들을 검색하여 쉽게 Project에 포함시킬 수 있습니다.

프로젝트 시작하기

Artifact에 설정된 이름대로 Project이름.jar 파일이 다운받아 집니다.
압축을 풀고, 해당 파일을 IntelliJ에서 open시켜 주겠습니다.

Open을 눌러주고 압축이 풀린 Project이름 Folder를 선택하고 확인을 눌러줍니다.

Spring boot Project 생성 성공!

Mac에서 자주 사용하는 단축키와 터미널 명령어를 모았습니다.

앞으로 사용하면서 유용하거나 필요하다고 생각되는 내용이 있으면 업데이트 될 예정입니다.

MAC OS 기본 단축키

Mac Terminal 명령어

Scanner import와 인스턴스 선언

import java.util.Scanner;
Scanner sc = new Scanner(System.in);

System.out.println("문자열입력: ");
String a = sc.nextLine();
System.out.println(str);

System.out.println("정수입력: ");
int b = sc.nextInt();
System.out.println(i);

System.out.println("실수입력: ");
double c = sc.nextDouble();
System.out.println(j);

nextLine()과 next()메소드의 차이

nextLine() : Enter를 치기 전까지 쓴 문자열을 모두 리턴

next() : 공백 전까지 입력받은 문자열을 리턴

Scanner sc = new Scanner(System.in);

System.out.println("Hello World 입력 : ");
String str1 = sc.nextLine();
System.out.println(str1);
// Hello world 반환

System.out.println("Hello world 입력 : ");
String str2 = sc.next();
System.out.println(str2);
// Hello 반환

super

접근 권한이 부여된 부모 클래스의 변수와 메소드에 접근 가능

this

인스턴스를 가르키는 키워드

자식클래스의 생성자

인터페이스의 특징

interface Thisis {

      int sum(int v1, int v2);

}

class DummyCal implements Thisis {

반드시 Thisis 인터페이스와 형식이 동일해야 사용 가능

자바는 하나의 상속만 받을 수 있음. 

하나의 클래스는 인터페이스는 두가지 이상의 인터페이스를 적용할 수 있음.

인터페이스에 변수를 정의할 수 있다.

변수에는 값이 들어가고

메소드에는 실제 값이 들어가지 않는다. 메소드의 내용은 직접 구현 해야 한다. 

Polymorphism 다형성

하나의 클래스가 여러가지 얼굴을 갖게 하는것

Printable c = new RealCal();

하나의 기능 / 인스턴스화 =  new RealCal 많은 기능을 가진 class

우측의 많은 기능을 가진 클래스 중에 Printable에 해당하는 것만 사용하겠어요.

생성자

초기에 주입할 필요가 있는 값을 전달 하거나, 초기의 작업을 수행하도록함.

this 키워드

클래스가 인스턴스화 되었을 때의 인스턴스를 가르키는 이름. 

class Print {
	public String delimiter = ""; // this.delimiter의 값
    public Print(String delimiter) {
    	this.delimiter = delimiter;
    }
    public voidi A() {
    	System.out.println(this.delimiter);
        System.out.println("A");
    }
}

static class의 소속

static이 없으면 instance의 소속

class Test {
	public static String ClassVar = "I class var";
	public String InstanceVar = "I Instance var";
}
public class StaticApp {
	public static void main(String[] args) {
		System.out.println(Test.ClassVar); // class에 소속된 변수명은 class명으로 불러올수 있음
		System.out.println(Test.InstanceVar); // instance에 소속되었기 때문에 오류
		
		Test t1 = new Test(); // instanceVar출력을 위한 inscance 선언
		System.out.println(t1.InstanceVar); // "I Instance var"가 출력
	}
}

class method 에서는 class변수만 접근 가능, instance 변수 접근 불가능

instance method 에서는 class변수와 instance 변수 모두 접근 가능.

특징

class의 변수를 바꾸면 모든 instance의 값이 바뀐다. 

instance의 변수를 바꾸면 class의 값에는 변화가 없다. instance를 사용된 값이 변한다.

1. 인스턴스 생성 방법

FileWriter f1 = new FileWriter("data.txt"); //FileWriter Method를 이용한 f1 instance 생성 예시

2. 차이

static 인자가 없다.

static 은 class의 소속이라는 것을 나타내기 때문에 인스턴스로 해당 값을 사용할 수 없다. 

인스턴스로 사용할 때는 해당 값을 지워준다.

Ex1. Class에 소속된 코드

class Print {
	public static String delimiter = "";
	public static void A() {
		System.out.println(delimiter);
		System.out.println("A");
        }
}

Ex2. Instance에 소속된 코드

class Print {
	public String delimiter = "";
	public void A() {
		System.out.println(delimiter);
		System.out.println("A");
        }
}

3. 특징

 - 편리하게 클래스를 변형시켜서 사용 가능하다.

 - new로 인스턴스를 생성하여 중복하는 코드를 줄이고

 - 클래스를 사용하면 클래스를 사용할 때마다 파라미터에 대한 입력을 다시 해줘야 하지만

   인스턴스를 사용하면 사용하는 클래스의 파라미터 값 수정을 한번만 하면 끝낼 수 있다.