랑쓰노트

[Vue] Vue 라우터

사랑짱 — Mon, 20 Sep 2021 22:14:15 +0900

https://joshua1988.github.io/vue-camp/vue/router.html#%E1%84%87%E1%85%B2-%E1%84%85%E1%85%A1%E1%84%8B%E1%85%AE%E1%84%90%E1%85%A5-%E1%84%89%E1%85%A5%E1%86%AF%E1%84%8E%E1%85%B5

Router | Cracking Vue.js

뷰 라우터 뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리입니다. 뷰 라우터 설치 프로젝트에 뷰 라우터를 설치하는 방법은 CDN 방식과 NPM

joshua1988.github.io

◆ 뷰 라우터

- 페이지를 이동할 때 사용하는 공식 라이브러리이자 기능

- 뷰에서 싱글 페이지 어플리케이션, 페이지 간 이동하는 기능을 구현할 때 사용

◆ 뷰 라우터 설치

- 뷰 스크립트 → 뷰 라우터 순으로 import

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

◆ 뷰 라우터 등록

Step1. router 인스턴스 생성

Step2. Vue 인스턴스 생성

Step3. Vue 인스턴스의 router 속성에 router 인스턴스 등록

결과적으로 뷰라우터의 속성을 주입하는 것과 동일

◆ 뷰 라우터 옵션

※ mode : url의 해쉬 값을 없애는 속성

※ routes : 페이지의 라우팅 정보(어떤 url로 이동했을 때 어떤 컴포넌트와 연결되는지)

- path : 페이지의 url

- component : 해당 url에서 표시될 하나의 컴포넌트를 연결하는 속성

◆ router-view

- 라우터와 연결되는 영역

- URL이 변경되었을 때 특정 URL에 따라 뿌려지는 컴포넌트의 영역

◆ router-link

- 라우터에서 페이지 이동을 위한 링크태그

※ 라우터 학습 코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <div>
            <!--router-link : 라우터에서 페이지 이동을 위한 링크태그-->
            <router-link to="/login">Login</router-link>
            <router-link to="/main">Main</router-link>     
        </div>
        <!--router-view : 라우터와 연결-->
        <router-view></router-view>            
    </div>
 
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
    <script>
        var LoginComponent = {
            template: '<div>login</div>'
        }
 
        var MainComponent = {
            template: '<div>main</div>'
        }
 
        var router =  new VueRouter({
            //routes 속성 : 페이징의 라우팅 정보(어떤 url로 이동했을 때 어떤 url이 나타날지)
            //페이지의 개수만큼 객체의 형태로 배열로 담긴다.
            routes : [
                //1. 로그인페이지 정보
                {
                    //페이지의 url
                    path: '/login',
                    //해당 url에서 표시될 컴포넌트
                    component: LoginComponent
                },
                //2. 메인 페이지 정보
                {
                    path: '/main',
                    component: MainComponent
                }
            ],
        });
        
        //Vue 인스턴스
        new Vue({
            el: '#app',
            router: router  //위에서 정의한 router 변수를 의미
        });
    </script>
</body>
</html>
Colored by Color Scripter

cs

[Vue] 컴포넌트 통신방식 응용(동일레벨 컴포넌트 / 이벤트 버스)

사랑짱 — Sun, 19 Sep 2021 22:34:21 +0900

◆ 동일 레벨 컴포넌트 통신방식

- 두 개의 컴포넌트가 같은 레벨에 있을 때 통신하는 방법

- 직접 전달은 없고, 부모-자식 간의 전달을 통해 통신이 가능하다!!

Step1. 하위컴포넌트에서 $emit()으로 이벤트를 발생

Step2. 상위컴포넌트에서 v-on:으로 이벤트 수신

Step3. 하위컴포넌트들에게 props로 데이터 전달

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<body>
    <div id="app">
        <app-header v-bind:propsdata="num"></app-header>
        <app-content v-on:pass="deliverNum"></app-content>
    </div>
 
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>   
 
    <script>
        var appHeader ={
            template: '<div>header</div>',
            props: ['propsdata']
        }
        var appContent ={
            template: '<div>content<button v-on:click="passNum">pass</button></div>',
            methods: {
                passNum: function(){
                    this.$emit('pass', 10);     //인자값: 10
                }
            }
        }
 
        new Vue ({
            el: '#app',
            components: {
                'app-header': appHeader,
                'app-content': appContent
            },
            data:{
                num: 0
            },
            methods:{
                deliverNum:function(value){
                    this.num = value;
                }
            }
        });
 
    </script> 
</body>
Colored by Color Scripter

cs

◆ 관계없는 컴포넌트 간 통신방식(이벤트 버스)

- 지정한 2개의 컴포넌트 간에 데이터를 주고받는 방식

- 상위-하위 구조를 유지하지 않아도 데이터 간 직접 전달이 가능하다!!

Step1. 이벤트 버스를 위한 추가 인스턴스 생성

- 이벤트버스는 비어있는 Vue 인스턴스 객체를 의미

- 이벤트 버스는 데이터 전달자 역할을 하는 빈그릇일 뿐 event 사용과 동일

Step2. 이벤트를 보내는 컴포넌트

- 데이터를 주고자하는 컴포넌트에서 $emit을 사용하여 eventBus 객체에 값을 넣는다!

Step3. 이벤트를 받는 컴포넌트

- 데이터를 받는 컴포넌트에서는 $on()을 사용하여 이벤트를 받는다.

- 데이터를 받고자하는 컴포넌트에서 Vue인스턴스가 생성될 때(created)으로 미리 이벤트 핸들러 등록한 후, 데이터가 오면 methods에 정의한 변수로 전달

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<body>
    <div id="app">
        <child-component></child-component>
    </div>
 
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
    <script>
        //1. 이벤트버스 생성(비어있는 Vue인스턴스)
        //eventBus로 새로운 인스턴스 속성과 메소드에 접근 가능
        var eventBus = new Vue();
 
 
        Vue.component('child-component', {
            template: '<div>하위 컴포넌트 영역<button v-on:click="showLog">show</button></div>',
            //2. 이벤트를 보내는 컴포넌트($emit 사용)
            methods: {
                showLog: function(){
                    //eventBus.$emit('이벤트명', '데이터');
                    eventBus.$emit('triggerEventBus', 100)
                }
            }
        })
 
        var vm = new Vue({
            el: '#app',
            //3. 이벤트를 받는 컴포넌트($on 사용)
            created: function(){
                    //eventBus.$on('이벤트명', function(데이터){...});
                    eventBus.$on('triggerEventBus', function(value){
                    console.log("이벤트를 전달받음. 전달받은 값 : ", value);
                });
            }
        });
 
    </script>
</body>
Colored by Color Scripter

cs

※ 이벤트버스를 사용하면, props 속성을 이용하지 않아 원하는 컴포넌트 간 데이터 전달이 편리하지만, 컴포넌트가 많아지면 어떤 컴포넌트에서 어느 컴포넌트로 보냈는지 관리에 어려움이 발생한다.

※ 이에 따라, 컴포넌트가 많아지면 컴포넌트 간의 통신을 관리하기 위해 상태관리 도구인 Vuex를 사용한다!!

※ Vuex란? 중, 대형 어플리케이션에서 컴포넌트 간의 데이터 관리를 효율적으로 하는 라이브러리이다!!

[Vue] 컴포넌트 통신방식/데이터 전달방식(props / $emit)

사랑짱 — Fri, 17 Sep 2021 17:22:08 +0900

◆ Vue 컴포넌트 통신방식(데이터 전달방식)

- 뷰 컴포넌트는 각각 고유한 데이터 유효범위를 갖는다.

- 따라서, 컴포넌트 간에 데이터를 주고받기 위한 규칙이 존재한다.

데이터의 흐름(Props/Event)을 추정할 수 있다.

※ Props : 상위에서 하위로 데이터를 내려준다. / props를 전달한다.

※ Event emit : 하위에서 상위로 이벤트를 올려준다. / 이벤트가 발생한다.

◆ 상위에서 하위로 데이터 전달 Props

- 컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법

- 상위컴포넌트에서 하위 컴포넌트로만 이동!!

▷ 상위컴포넌트의 HTML 코드
<child-component v-bind: props 속성이름 = "상위컴포넌트 data이름"></child-component>

▷ 하위컴포넌트의 props 속성 정의
Vue.component('child-component', {
props: [ 'props 속성이름' ]
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<body>
    <div id="app">
        <!--<app-header v-bind:프롭스 속성 이름 ="상위 컴포넌트의 데이터 이름"></app-header>-->
        <app-header v-bind:propsdata ="message"></app-header>
        <app-content v-bind:propsdata ="num"></app-content>
    </div>
 
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
    <script>
        var appHeader = {
            template: '<h1>{{ propsdata }}</h1>',
            props: ['propsdata']
        }
        var appContent = {
            template: '<div>{{ propsdata }}</div>',
            props: ['propsdata']
        }
        
        new Vue({
            el: '#app',
            components: {
                'app-header': appHeader,
                'app-content': appContent
            },
            data:{
                message: 'hi',
                num : 10
            }
        });
    </script>
</body>
Colored by Color Scripter

cs

◆ 하위에서 상위컴포넌트로 이벤트 전달 $emit

- 하위컴포넌트에서 상위 컴포넌트로 이벤트를 발생시키는 통신 방법

- 이벤트 발생은 $emit( )을 사용, 이벤트 수신은 v-on: 속성 을 사용

▷이벤트 발생 : 하위컴포넌트의 특정 메소드 내부
this.$emit('이벤트명');

▷ 이벤트 수신
<child-component v-on: 이벤트명 = "상위컴포넌트 method명"></child-component>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

<body>
    <div id="app">
<!--<app-header v-on:하위 컴포넌트에서 발생한 이벤트 이름="상위 컴포넌트의 메소드 이름"></app-header>-->
        <app-header v-on:pass="logText"></app-header>
        <app-content v-on:add="logNum"></app-content>
    </div>
 
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
    <script>
        var appHeader ={
            template: '<button v-on:click="passOn">click me</button>',
            methods: {
                passOn: function(){
                    this.$emit('pass');
                }
            }
        }
 
        var appContent ={
            template: '<button v-on:click="addNumber">add</button>',
            methods: {
                addNumber: function(){
                    this.$emit('add');
                }
            }
        }
        new Vue({
            el: '#app',
            components: {
                'app-header': appHeader,
                'app-content': appContent
            },
            data: {
                num: 10
            },
            methods:{
                logText: function () {
                    console.log('hi');
                },
                logNum: function(){
                    ++this.num;
                    console.log(this.num);
                }
            }
        });
    </script>
</body>
Colored by Color Scripter

cs

[Vue] Vue 컴포넌트

사랑짱 — Thu, 16 Sep 2021 23:38:44 +0900

◆ Vue 컴포넌트

- 컴포넌트(Component)란 화면을 구성할 수 있는 블록(영역)을 의미

- 화면을 영역별로 구분해서 코드를 관리하는 뷰의 기능

1. 화면을 빠르게 구조화
2. 일관적인 패턴으로 개발(속도 향상)
3. 재사용 가능

◆ 컴포넌트 등록

- 컴포넌트를 등록하는 방법은 전역(Global)과 지역(Local)의 두 가지 방법이 존재

1) 전역컴포넌트

- 플러그인, 라이브러리 형태로 공통으로 사용해야하는 컴포넌트에 사용

- 인스턴스를 생성하지 않아도 모든 인스턴스에 사용가능!!

※ 전역컴포넌트 등록

- Vue 변수를 이용하여 .component( )를 호출하여 등록

- 컴포넌트이름 : template 속성에서 사용할 HTML 태그를 의미

- 컴포넌트내용 : 컴포넌트 태그가 HTML 요소로 변환될 때 표시될 속성

2) 지역컴포넌트

- 일반적으로 지역컴포넌트 형태로 사용

- 특정 인스턴스에서만 유효하여 인스턴스마다 새롭게 생성해야 사용가능!!

※ 지역컴포넌트 등록

- 인스턴스에 components 속성을 추가하여 등록할 컴포넌트 이름/내용 정의

- 컴포넌트이름 : HTML에 등록할 태그를 의미(전역컴포넌트와 동일)

- 컴포넌트내용 : 컴포넌트 태그가 HTML 요소로 변환될 때 표시될 속성(전역컴포넌트와 동일)

◆ Root 컴포넌트

- 인스턴스를 생성하면 최상위(Root) 컴포넌트가 생성된다!

- 인스턴스가 생성될 때 정의한 옵션은 Root 컴포넌트를 구성하는데 사용된다!

[GitHub] 깃허브 토큰(Token)생성하는 방법

사랑짱 — Thu, 16 Sep 2021 00:35:21 +0900

2021년 8월 13일부터 GitHub는 Git 작업을 인증할 때 비밀번호 대신 Token을 사용하도록 변경되었다.

위와 같은 사항이 변경된지 이틀 지난 시점에서 바뀐 줄도 모르고, 비밀번호를 수없이 입력했던 슬픈 경험이 떠올라 다시 한번 토큰 생성에 대해 정리해놓으려고 한다.

Step1. GitHub 로그인

Step2. Settings

설정 메뉴 클릭

Step3. Developer Settings

설정 메뉴 - 개발자 설정 클릭

Step4. Personal access tokens

개발자 설정 메뉴 - 개인 액세스 토큰 클릭

Step5. Token 관련 세부사항 체크 및 입력

Step6. 토큰 생성 완료!!

※ 주의!!

새로 생성된 token은 보안상의 이유로

해당 페이지를 벗어나면 다시 볼 수 없으므로 잘 보관하고 있도록 한다!!

[Git] 원격저장소 Github

사랑짱 — Thu, 16 Sep 2021 00:10:36 +0900

◆ 원격저장소 Github

- 깃허브(Github)는 분산 버전 관리 툴인 깃(Git)를 사용하는 프로젝트를 지원하는 웹호스팅 서비스
- "버전관리"와 "협업"을 위한 코드 웹 호스팅 플랫폼으로 언제, 어디서나 프로젝트를 진행할 수 있도록 돕는 역할

※ 원격저장소란?

- 지역저장소가 아닌 컴퓨터나 서버에 만든 저장소
- 지역저장소와 연결되어 '백업', '협업'에서 중요한 역할

◆ Github 이용하기

Step 1. Create a new repository
- 깃허브에 원격저장소 만들기

Step 2. 지역저장소를 원격저장소에 연결하기
- 도스창에 명령어 입력(원격저장소 하나당 한번만 해주면 됨)
$ git remote add origin 복사한 주소 붙여넣기
(깃허브 저장 주소를 origin으로 줄여서 표현하고 remote에 추가함)

- 원격 저장소에 제대로 연결됐는지 확인
$ git remote -v

- remote에 origin이 연결되어 있고 origin이 가리키는 주소가 바로 옆에 표시되면 성공

◆ 지역저장소에서 원격저장소에 접근하는 여러방법

1. 아이디/암호(폐지됨) - XXX

2. 아이디/개인토큰(변경) - OK

3. SSH 암호화 통신 프로토콜 이용 - OK
Secure Shell (보안이 적용된 shell)

- 더이상 아이디/토큰이 필요 없다!!!

- 원격저장소 주소 URL도 https를 안쓰고, "ssh 주소" 사용(*)

- "공개키/개인키"를 이용하는 방식(비유: 공인인증서)

- 직접 공개키와 개인키를 만들어야 함!

$ ssh-keygen -t rsa <enter> =>

RSA비대칭키 암호화 알고리즘을 이용한 키 생성 명령

- 직접 만든 공개키와 개인키 중에, "공개키"를

GitHub 사이트에 등록 (**************)

- 더이상 원격저장소 접근시, 아이디/토큰은 필요가 없음!

- 더불어서, 암호화 통신을 하기 때문에, 보안에도 강력함!

[Vue] Vue 인스턴스

사랑짱 — Wed, 15 Sep 2021 23:55:29 +0900

◆ Vue의 특징

- 컴포넌트를 이용한 개발

- 하나의 템플릿을 컴포넌트 형식으로 만들어 여러 곳에서 사용가능

Vue는 화면(view) 라이브러리로 다음과 같은 역할을 가진다.

1. Dom Listeners : DOM을 이용한 조작
2. Data B‭indings : 데이터 바인딩

뷰의 모든 시작은 뷰 인스턴스를 만드는 것부터 시작된다.
지금부터 Vue 인스턴스에 대해 알아보자!!

◆ Vue 인스턴스

- 인스턴스는 뷰를 개발할 때 필수로 생성해야 하는 코드이다.

- 인스턴스 안에는 뷰에서 제공하는 API(기능)과 속성이 들어있다.

- 인스턴스를 생성하기 위해서는 new Vue() 생성자를 호출해야한다.

예제에서는 생성자의 속성으로 el, data와 같이 2개만 사용되었으나,

template, methods, created 등 여러 속성이 있으니 아래에서 알아보도록 하자!

※ Vue 인스턴스와 생성자함수

- 뷰인스턴스는 생성자함수의 형태로 사용된다.
생성자함수의 형태와 동일함에 따라 사용효과도 동일하다고 볼 수 있다.

→ 생성자함수 : 매번 함수를 정의하지 않고 미리 정의된 함수를 사용할 수 있다.
→ 뷰 인스턴스 : 뷰에서 API와 속성들을 미리 정의해놓고 재사용할 수 있는 패턴을 가진다.

◆ 인스턴스의 속성과 옵션

- 인스턴스의 속성은 key : value의 형태로 들어간다.

- 객체 표기법으로 객체를 정의하여 new Vue() 생성자의 인자값으로 넣어준다.

[Vue] Vue 프로젝트 구조 알아보기

사랑짱 — Mon, 13 Sep 2021 23:28:13 +0900

Vue-cli가 생성한 기본 프로젝트의 구조에 대해 알아보자

◆ Vue 프로젝트 구조

- Vue project 환경을 의미

- 기본 vue 개발환경을 설정해주는 도구로 기본적인 프로젝트를 세팅

▷ node_modules : 앱 개발과 배포에 필요한 npm 패키지 저장
▷ public : 배포 버전을 빌드할 때 필요한 파일(컴파일되지 않는 요소)
▷ src : 컴포넌트들을 구성하는 영역으로 Vue가 컴파일하는 대상
- assets : img와 같은 자원들을 저장하는 곳으로 컴포넌트에서 사용한 파일들은 자동배포
- components : component를 만드는 곳
▷package.json : 프로젝트에 대한 전반적인 설정

◆ package.json 파일

- 프로젝트의 설정을 담는 파일로 spring application의 pom.xml 역할과 비슷

▷ scripts는 $npm run serve 명령어로 실행
▷ 의존성 라이브러리는 용도(프로젝트 동작/개발)에 따라 설치하여 사용
▷ eslintConfig를 통해 eslint에 대한 설정을 진행하여 문법 및 관행적인 부분을 체크

그 외에 궁금한 것들도 앞으로 차차 알아가보자!

<참고>

https://cli.vuejs.org/config/#vue-config-js

Configuration Reference | Vue CLI

Configuration Reference Global CLI Config Some global configurations for @vue/cli, such as your preferred package manager and your locally saved presets, are stored in a JSON file named .vuerc in your home directory. You can edit this file directly with yo

cli.vuejs.org

[Vue] Vue 시작하기

사랑짱 — Mon, 13 Sep 2021 23:08:15 +0900

아래 사이트를 보며 Vue.js에 대해 알아보자

https://kr.vuejs.org/

Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

https://developer.mozilla.org/ko/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started

Vue 시작하기 - Web 개발 학습하기 | MDN

이제 우리가 배울 세 번째 프레임워크인 Vue를 소개하겠습니다. 이 글에서 우리는 Vue에 대한 간단한 배경지식을 얻고, Vue를 설치하고 새로운 프로젝트를 만드는 방법을 배웁니다. 또한 전체

developer.mozilla.org

◆ Vue 란?

- JavaScript 프레임워크 중 하나로 점진적 향상을 위한 유용한 기능을 제공

- 애플리케이션에 Vue를 점진적으로 통합시키며, 마크업 작성에 대해서도 점진적 접근법을 제공

- 기존의 HTML 코드를 향상시킴으로써 JQuery 등의 라이브러리를 Vue로 대체가능

- View에 최적화시킨 프레임워크이며 MVVM 패턴을 따른다.

※ MVVM패턴

Model : 일종의 Data로 데이터 뿐 아니라 데이터를 가공해서 처리하는 간단한 로직도 포함
View : 사용자에게 렌더링 되어 보여주는 화면을 의미
View Model : View를 위한 Model로 view를 나타내기 위한 데이터 처리를 담당

→ Model과 View는 MVC 패턴과 동일하고, Controller 대신 ViewModel이 존재

◆ Vue-cli 란?

- Vue project 환경을 의미

- 기본 vue 개발환경을 설정해주는 도구로 기본적인 프로젝트를 세팅

◆ Vue 설치하기

방법1. <script> 요소 추가

- 아래 <script> 요소 중 하나를 페이지에 추가함으로써

속성, 커스텀 컴포넌트, 데이터 관리 등 수많은 Vue의 핵심 기능 사용 가능

※ 개발 스크립트

- 최적화되지 않음. 콘솔 경고 포함. 개발용으로 좋다.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

※ 상용 스크립트

- 최적화 버전. 콘솔 경고 최소화. 업데이트로 인해 사이트가 영향을 받지 않도록 버전 번호를 명시하는 것이 좋다.

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

방법2. Vue NPM package 사용

- Vue NPM 패키지를 사용하면 Vue의 고급 기능 이용 가능

- WebPack 같은 번들 도구 활용가능

- Vue CLI를 사용하면 개발 과정을 간소화해 Vue 앱을 더욱 쉽게 구성

1. CLI 설치
$ npm install -g @vue/cli

2. 프로젝트 생성 : 프로젝트명은 케밥식(ex:apple-pie)으로 작성
$ vue create 프로젝트명 (vue/cli 버전 3.x)
$ vue init webpack 프로젝트명(vue/cli 버전 3.x 미만)

3. 설치 옵션선택
? Please pick a preset: (Use arrow keys)
=> Default ([Vue 2] babel, eslint) //선택 시 바로 설치 진행
=> Default (Vue 3) ([Vue 3] babel, eslint) //선택 시 바로 설치 진행
=> Manually select features //선택 시 아래 질문 사항 진행

? Check the features needed for your project:
=> Babel, Router

? Use history mode for router? (Requires ~ in production) (Y/n)
=> Y

? Where do you prefer placing config for ~
=> In package.json

? Save this as a preset for future project? (Y/n)
=> n

4. 설치 완료

5. 서버실행
$ cd 프로젝트명
$ npm run serve

6. 브라우저 접속
- 서버 실행 후 [Local]에 표시된 url을 ctrl과 함께 클릭
- 또는 롬 브라우저에서 해당 url로 접속

아래와 같은 화면이 브라우저에 출력된다면 성공!!

[Git] Git 브랜치란?

사랑짱 — Mon, 13 Sep 2021 21:22:23 +0900

◆ git branch

- 하나의 버전관리를 수행하는 흐름을 의미
- branch를 통해 버전관리가 가능

※ 이전 저번에서는 'master'가 기본 브랜치 이름이였으나,
현재는 'main'으로 변경되었음.

<브랜치 관련 명령어>

1. 새로운 브랜치 생성
$ git branch <새로운 branch명>

2. 기존 브랜치 삭제
$git branch -d <삭제할 branch명>

3. branch간 이동
$git switch <이동할 branch명>

4. 현재 전체 branch목록과 내가 사용중인 branch확인
$git branch

◆ 브랜치의 병합(Merge)

Step 1. 병합될 브랜치와 병합의 기준이 되는 브랜치 구분
예 : 기준 브랜치(main), 병합될 브랜치(apple)

Step 2. 기준 브랜치로 이동
$ git switch main

Step 3. 병합될 브랜치를 기준브랜치에 병합 수행
$ git merge apple ==> apple -> main 브랜치로 병합

=> 결과 : apple 브랜치의 모든 커밋로그를 main브랜치로 넣어준다.

※ "HEAD" 는 현재 버전관리 중인 브랜치를 가리킴 (branch pointer 역할)

[Git] Git 사용하기

사랑짱 — Mon, 13 Sep 2021 00:58:43 +0900

◆ Git 사용하기

<사전준비>

1. user.name, user.email 등록(단 한번만 실행)
2. init.defaultbranch 등록
3. CMD창에서 프로젝트에 사용될 디렉토리 지정

1) git init

"나 이 디렉토리에서 버전관리할거야~~"

- 깃의 저장소 초기화를 의미
- 프로젝트를 진행할 디렉토리를 깃에게 알려주는 기능
- 프로젝트를 진행한다는 것은 버전관리가 필요하다는 것!

=> 실행결과 : '.git' 디렉토리 생성 / 모든 버전정보가 저장

2) git status

"지금 이런 상태야~~"

- git의 상태를 의미
- 버전관리를 진행하고 있는 디렉토리 정보

3) git add

"이제 버전관리 시작해볼까~~"

- 추적해야할 디렉토리를 명확하게 지정하여 스테이지에 올리는 기능
- 프로젝트 작업을 위한 임시적인 파일은 배제하기 위해 명확하게!

- commit 대기 상태 (= stage area)

=> 실행결과 : 'new file'로 인식된 정보들 출력

※ 수정(modified) 이후 새로운 버전을 생성할 때도 사용
- Why? commit하는 시기를 놓치면 거대한 버전을 만들어야 한다.
add를 한 파일만 commit => 선택적으로 commit가능!!

4) git commit

"새로운 버전을 생성하자~~"

- git commit -m "message"
(commit 결과 저장되는 곳 = repository)
- 해당 디렉토리의 버전을 생성하는 기능
- commit은 하나의 작업단위로 관리하는 것을 권장
- message : 이 변화가 왜 발생했는지, 변화내용은 무엇인지 작성
예쁘고 간결하게 작성하는 것이 포인트!

=> 실행결과 : status에 대한 내용 출력/ 버전에 대한 정보확인하고싶다면, 'git log'사용

5) 버전 비교하기(log/diff)

- git log : 버전관리에 대한 정보 출력
- git log -p : 각각의 commit 사이의 소스 차이를 출력
- git log commitID : commitID 이전의 버전관리에 대한 정보만 출력
- git diff : "commit하기 전"에 변경된 작업 내용에 대한 점검/리뷰
- git diff commitID..commitID : 두 버전 사이의 소스상의 차이를 출력

6) 이전으로 돌아가기

- git reset commitID --hard : 해당 commitID 상태로 돌아감
But, 아예 사라진 것이 아니라 눈에 보이지 않는 것일 뿐 복구방법 有
또한, 원격저장소를 통해 "공유한 뒤"에는 절대 reset 하지 말자!!

- git revert : 해당 commit을 취소하면서 새로운 버전을 생성

★★★ 옵션에 따라 더 편리하게 사용할 수 있는 방법들이 존재!

[Git] Git-깃이란?

사랑짱 — Mon, 13 Sep 2021 00:48:44 +0900

Git에 대해 알아보자!!

1) git이란?

- 형상관리시스템(Version Control System)
- "파일의 이름을 더럽히지 말아라!"
>>>> 파일의 이름을 유지하되 파일 안에 있는 "변경된 내용"들은 컴퓨터가 관리한다.

※ 형상관리 : 변경사항을 체계적으로 추적, 통제한다는 것!!

<잠깐!>
버전과 변화는 다르다!
버전이란 작업이 완결된 상태이며, 의미있는 변화를 의미한다!!

★★★ 버전단위에 대해서는 git을 사용하면서 생각해보자!

2) git의 효용가치

- 소스코드 백업(Backup)
- 이전 상태로 회복(Recovery)
- 다른 사람들과의 협업(Collaboration)

3) 지역저장소와 원격저장소

※ 지역저장소(Local Repository) : 우리가 사용하는 PC
- 버전관리 대상파일의 버전기록을 저장하는 곳
- 버전관리의 대상이 되는 폴더를 의미

※ 원격저장소(Remote Repository) : 백업PC, 원격에 존재
- 지역저장소에 누적된 버전기록들을 백업하는 곳

JAVA 14-4. LIFO와 FIFO 컬렉션

사랑짱 — Thu, 8 Jul 2021 19:47:39 +0900

◆ Stack 클래스

- 후입선출(LIFO : Last In First Out) 구조

- JVM스택 메모리

◆ Queue 인터페이스

- 선입선출(FIFO : First In First Out) 구조

- 작업 큐, 메시지 큐 등

JAVA 14-3. 컬렉션 프레임워크 - Map컬렉션

사랑짱 — Thu, 8 Jul 2021 13:37:38 +0900

◆Map컬렉션

하나의 요소를 넣을 때, 키/값 쌍(pair)으로 저장

- 키(Key) 객체와 값(value) 객체로 구성된 Map.Entry 객체를 저장하는 구조

- 키는 중복될 수 없지만, 값은 중복 저장 가능

출처 : 이것이 자바다

1) HashMap

- 키 객체는 중복되지 않기 때문에 hashCode()와 equals()를 재정의하여 동등객체 조건을 체크

- 키 타입으로 String 많이 사용(hashCode()와 equals()가 이미 재정의 되어있기 때문)

2) Hashtable

- HashMap과 동일하며 hread synchronization(스레드 동기화)가 가능하여

멀티 스레드 환경에서 안정성 확보

3) Properties

- 키와 값을 String 타입으로 제한한 Map 컬렉션

- 프로퍼티(~.properties) 파일을 읽어 들일 때 주로 사용

※ 프로퍼티(~.properties) 파일

- 옵션 정보, 데이터베이스 연결 정보, 국제화(다국어) 정보를 기록한 텍스트 파일로 활용

- 애플리케이션에서 주로 변경이 잦은 문자열을 저장하여 유지 보수를 편리하게 만듦

- 키와 값이 '='기호로 연결되어 있는 텍스트 파일

–> ISO 8859-1 문자셋으로 저장

–> 한글은 유니코드(Unicode)로 변환되어 저장

4) TreeMap

- 이진트리(binary tree)를 기반으로 한 Map 컬렉션

- 키와 값이 저장된 Map.Entry를 저장

- 왼쪽과 오른쪽 자식 노드를 참조하기 위한 두 개의 변수로 구성

- 저장과 동시에 TreeMap의 키는 자동 오름차순 정렬

숫자(Integer, Double) 타입일 경우에 값으로 정렬
문자열(String) 타입일 경우에는 유니코드로 정렬
=> java.lang.Comparable 구현 객체가 아닌 경우
직접 Comparable인터페이스를 implement하고 오버라이딩해줘야 한다.

※ Map 컬렉션의 주요 메소드

※ Map의 요소를 순회(traverse)하는 방법

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

public class HashMapExam1 {
 
 
    public static void main(String[] args) {
    
        Map<String, Integer> map = new HashMap<String, Integer>();
        
        map.put("신용권", 85);    
        map.put("홍길동", 90);    
        map.put("동장군", 80);    
        
        //-----------------------------------------------------//
        //         Map의 전체 요소를 순회하는 방법들
        //-----------------------------------------------------//        
        
        //1. method : keySet() 을 이용한 순회
        Set<String> keySet = map.keySet();
        Iterator<String> keyIterator = keySet.iterator();
        
        while(keyIterator.hasNext()) {
            String key = keyIterator.next();
            Integer value = map.get(key);
            
            log.info("\t + " + key +" : " + value);
        } //while
        
        //2.method : entrySet() 을 이용한 순회
        Set<Map.Entry<String, Integer>> entrySet = map.entrySet();
        Iterator<Map.Entry<String, Integer>> entryIterator = entrySet.iterator();
          
        while(entryIterator.hasNext()) { 
            Map.Entry<String, Integer> entry = entryIterator.next(); 
            String key = entry.getKey(); 
            Integer value = entry.getValue(); 
          
            log.info("\t" + key + " : " + value); 
        }   // while
        
        
        //3. method : forEach() 최종처리 메소드를 이용한 순회
        map.forEach( (t, v) -> {    
                String formatted = String.format("name : %s, value : %s",t, v);
                log.info(formatted);
        });    
        
        log.info(map);
        
    } //main
 
} //end class
Colored by Color Scripter

cs

◆ 자원 해제하는 방법(아주 중요★★★★★)

- 컬렉션 객체 사용 후, 메모리 활용을 위해 자원 해제(List, Set, Map 동일)

JAVA 14-2. 컬렉션 프레임워크 - Set컬렉션

사랑짱 — Thu, 8 Jul 2021 09:39:36 +0900

◆ Set 컬렉션

- 수학의 집합의 비유되어 객체의 중복 저장이 불가

- 저장 순서가 유지되지 않음

- 하나의 null만 저장 가능

출처 : 이것이 자바다

1) HashsSet

- 동일 객체 및 동등 객체는 중복 저장하지 않음.

※ 동등객체 판단 방법

- 1단계 : hashCode( ) - Object ID 객체 식별자를 확인한다.

혹은 비지니스 로직에 따라 오버라이딩하여 객체의 중복을 추가로 비교한다.

- 2단계 : equals( ) - 비지니스 로직에 따라 오버라이딩하여 객체를 중복을 비교한다.

why?

예를 들어 한 사람이 두번 중복하여 회원가입을 했을 때(객체를 두개 생성)

Object ID 객체 식별자는 다르나, 그 객체의 내용 즉 회원 정보는 동일할 수 있다.

이러한 경우를 구분하기 위해 비지니스로직에 따라

hashCode( )와 equals( )메소드를 오버라이딩 혹은 노테이션 (@EqualsAndHashCode)사용해야 한다!!!!!!

★★★ String 외 참조객체의 경우, hashCode( )와 equals( )메소드를 오버라이딩,

혹은 어노테이션 (@EqualsAndHashCode)사용하여 판단하도록 해야한다.

출처 : 이것이 자바다

2) TreeSet

- 이진 트리(binary tree)를 기반으로 한 Set 컬렉션

- 왼쪽과 오른쪽 자식 노드를 참조하기 위한 두 개의 변수로 구성

- 자동 정렬의 기능이 있음(저장과 동시에 자동 오름차순 정렬)

숫자(Integer, Double) 타입일 경우에 값으로 정렬
문자열(String) 타입일 경우에는 유니코드로 정렬
=> java.lang.Comparable 구현 객체가 아닌 경우
직접 Comparable인터페이스를 implement하고 오버라이딩해줘야 한다.

출처 : 이것이 자바다

※ 이진트리의 구조

- 부모노드와 자식 노드로 구성

- 왼쪽 자식 노드 : 부모 보다 작은 값

- 오른쪽 자식 노드 : 부모보다 큰 값

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

public class TreeSetExample {
 
    public static void main(String[] args) {
        //1. TreeSet 객체 생성
        TreeSet<Integer> scores = new TreeSet<>();
        
        //2. 새로운 요소를 추가 : Auto-Boxing을 이용한 자동 Integer 객체 생성
        scores.add(87);
        scores.add(98);
        scores.add(75);
        scores.add(95);
        scores.add(80);
        
        //3. TreeSet 안에 구성된 이진트리를 탐색하는 메소드의 활용
        Integer score = null;
        
        score = scores.first();             //first : 가장 작은 값을 반환
        log.info("가장 작은 값을 반환 : " + score);
        
        score = scores.last();          //last : 가장 큰 값을 반환
        log.info("가장 zms 값을 반환 : " + score);
 
        score = scores.lower(95);       //lower : 지정된 값보다 작은 바로 아래의 하나의 값을 반환( < )
        log.info("95점 아래 점수 : " + score);
 
        score = scores.higher(95);       //higher : 지정된 값보다 큰 바로 위의 하나의 값을 반환( > )
        log.info("95점 위의 점수 : " + score);
        
        score = scores.floor(95);        //floor : 지정된 값이거나 작은 바로 아래 하나의 값을 반환( <= )
        log.info("95점이거나 바로 아래 점수 : " + score);
        
        score = scores.ceiling(85);      //ceiling : 지정된 값이거나 바로 위의 하나의 값을 반환( >= )
        log.info("85점이거나 바로 위의 점수 : " + score);
        
 
        while(scores.isEmpty()) {
            score = scores.pollFirst();   //pollFirst : first()와 비슷하되, 노드까지 삭제
            
            log.info("남은 객체 수 : " + scores.size());
        } //while
 
    } //main
 
} //end class
 
 

cs

※ Set 컬렉션의 주요 메소드

※ Set의 요소를 순회(traverse)하는 방법

- Set에는 인덱스가 없기 때문에

전체 객체 대상으로 한번씩 반복하여 가져오는 반복자(Iterator) 제공

1
2
3
4
5
6
7

Iterator<Set객체 타입> iterator = Set객체 참조변수.iterator();
        
    while(iterator.hasNext()) {
        Set객체타입 변수 = iterator.next();
 
    } //while
 
cs

[서버프로그래밍] 6. 서블릿의 핵심 API (2)

사랑짱 — Tue, 6 Jul 2021 14:38:10 +0900

◆ ServletConfig API

- 서블릿이 초기화될 때 공통적으로 적용해야되는 작업(초기화 파라미터) 접근에 사용

- 재컴파일 없이 변경된 정보 참조가 가능하기 때문에 유지보수에 유리

리턴타입	메소드명	내용
String	getInitParameter(name)	name에 해당되는 초기화 파라미터 값을 리턴한다. 만약 지정된 name의 파라미터 값이 없으면 null을 리턴한다.
Enumeration	getInitParameterNames( )	모든 초기화 파라미터 name 값을 Enumeration 타입으로 리턴한다.
String	getServletName( )	요청한 서블릿의 이름을 리턴한다.

※ 초기화 파라미터 등록 방법

1) web.xml 등록

- <servlet> 태그 안에서 <init-param> 태그를 사용하여 지정

<servlet>
<servlet-name>서블릿별명</servlet-name>
<servlet-class>패키지를 포함한 서블릿명</servlet-class>
<init-param>
<param-name>초기화파라미터 이름</param-name>
<param-value>초기화파라미터 값</param-value>
</init-param>
<init-param>
<param-name>초기화파라미터 이름</param-name>
<param-value>초기화파라미터 값</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>서블릿별명</servlet-name>
<url-pattern>/맵핑명</url-pattern>
</servlet-mapping>

2) @WebInitParam 어노테이션 이용

- @WebServlet 어노테이션의 속성으로 initParams을 선언하고,

@WebInitParam 어노테이션으로 초기화 파라미터를 배열로 지정 (다수의 파라미터 지정이 가능)

◆ ServletContext API

- ServletContext는 웹 어플리케이션(Context)마다 하나씩 생성되는 객체

- getServletContext() 메서드를 이용하여 ServletContext 객체를 얻는다.

- 웹 어플리케이션의 LifeCycle과 일치하기 때문에 컨테이너에 존재한다면 계속 사용 가능
=> 공유되는 데이터가 저장되어있는 context 메모리 공간을 application scope이라고 부른다.

(Ex. 로그인 후, 로그인처리가 지속되는 것 또한 context 메모리 공간에 저장되어 있기 때문)

리턴타입	메소드명	내용
String	getInitParameter(name)	name에 해당되는 컨텍스트 파라미터 값 을 리턴한다. 만약 지정된 name의 파라미 터 값이 없으면 null을 리턴한다.
InputStream	getResourceAsStream(path)	웹 어플리케이션의 path 경로에 해당되는 파일을 읽기모드로 접근가능하다.
void	setAttribute(name,value)	application scope 해당되는 속성 값을 저장할 때 사용한다. 브라우저를 종료해도 속성 값을 사용할 수 있다.
Object	getAttribute(name)	name에 해당되는 속성 값을 리턴한다

공유영역에 속성을 넣고 빼고 삭제하는 메소드는 아래와 같다.
  (1) setAttribute(name, value) : 공유영역에 속성 바인딩
  (2) getAttribute(name) : 바인딩 속성값 얻기
  (3) removeAttribute(name) : 공유영역의 속성 언바인딩

※ 컨텍스트 파라미터 설정 방법

초기화 파라미터와 마찬가지로 web.xml에 등록하여 사용하고,

ServletContext 객체의 getInitParameter(name) 메서드를 사용해서 컨텍스트 파라미터 값을 얻는다.

- web.xml 등록 시,

<context-param> 태그를 사용하여 컨텍스트 파라미터를 등록하며,

반드시 <servlet> 태그 전에 설정해야 된다.

<context-param>
<param-name>driver</param-name>
<param-value>oracle.jdbc.driver.OracleDriver</param-value>
</context-param>
<context-param>
<param-name>savePath</param-name>
<param-value>c:\\save</param-value>
</context-param>

※ application scope의 유형

Sevlet Container는 공유데이터를 저장할 공유영역(shared Scope) 4가지를 제공

(1) Application scope
- ServletContext객체가 관리한다고 표현
- LifeCycle이 가장 길며, WAS의 생명주기와 동일하다.
- 단, 메모리 차지로 인해 많은 양의 데이터를 보관하지 않는다.

(2) Session scope
- HTTPSession 객체가 관리한다고 표현
- 웹 개발 시 가장 많이 사용하는 공유영역으로 웹 브라우저와 생명주기가 동일
- 대부분의 웹서비스는 로그인 정보/장바구니 정보 등을 여기에 저장하여 공유

(3) Request scope
- HTTPServletRequest 객체가 관리한다고 표현
- 웹 개발 시 가장 많이 사용하는 공유영역
- 하나의 Requst에 대해서 Response 문서가 웹브라우저로 전송되면 바로 사라지는 영역
- 기본 프로토콜 연결과 동일(응답 후 연결 끊기!) => 스프링에서 많이 사용하는 영역

(4) Page scope
- JSP에서만 제공되는 공유영역
- XXX.jsp 파일이 처음부터 끝까지 수행되고나면 파괴되는 공유영역
-가장 생명주기가 짧다! -> 제공은 되나 거의 사용하지 않는다..!

◆ ServletContextListener API

- 웹 어플리케이션이 초기화되고 제거되는 이벤트를 감지하는 역할

※ 리스너 등록 방법

ServletContextListener 인터페이스를 구현하는 클래스를 작성한다.

이후, web.xml에 구현한 클래스를 태그로 등록하거나 @WebListener 어노테이션을 이용한다.

1) web.xml 등록

- <listener> 태그로 이용하여 지정

<listener>
<listener-class>com.test2.ContextListenerImpl</listener-class>
</listener>

2) @WebListener 어노테이션 이용

- ServletContextListener 인터페이스를 구현하는 클래스에 @WebListener 어노테이션을 추가

◆ Filter API

- 웹 컴포넌트가 실행되기 전의 선처리(pre-processing/Request Filter)) 작업과

응답되기 전의 후처리(post-processing/(Response Filter)) 작업을 수행하는 API

- 다수의 Filter 등록이 가능하며, 등록시킨 순서대로 Filter가 수행 => "필터체인"

※ 필터 적용 방법

Filter 인터페이스를 구현한 클래스를 작성한다.

이후, web.xml에 구현한 클래스를 태그로 등록하거나 @WebFilter어노테이션을 이용한다.

1) web.xml 등록

- <filter > 태그로 이용하여 지정

<filter>
<filter-name>myFilter</filter-name>
<filter-class>com.test2.MyFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>myFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

2) @WebFilter어노테이션 이용

- Filter 인터페이스를 구현하는 클래스에 @WebFilter어노테이션을 추가

[SQL]

사랑짱 — Tue, 6 Jul 2021 07:23:41 +0900

[서버프로그래밍] 5. 서블릿의 파라미터 처리

사랑짱 — Mon, 5 Jul 2021 21:23:36 +0900

◆ 서블릿의 파라미터 처리

- form태그를 통해 서버에 전송된 파라미터는

HttpServletRequest 객체의 세 가지 메소드를 사용하여 처리한다.

1) getParameter(name)

- 리턴타입 : String

- name에 해당하는 파라미터 값을 리턴(값이 없는 경우, null리턴)

2) getParameterName(name)

- 리턴타입 : String[ ]

- radio, checkbox 태그처럼 하나의 name에 여러 값을 가지는 경우 사용

3) getParameterValues(name)

- 리턴타입 : Enumeration

- 폼 태그 안에 여러 개의 input태그가 있는 경우 사용

- Enumeration의 hasMoreElements() 메서드와 nextElement() 메서드를 사용하여 name 값을 먼저 얻고,

getParameter(name) 메서드를 사용하여 value 값을 나중에 얻어 출 력

※ 입력받은 모든 데이터는 문자열로 처리한다!!!

◆ 서블릿의 한글 처리

- 기본적으로 브라우저에서 문자를 처리하는 방식과

서버에서 문자를 처리하는 방식이 일치해야 한글이 깨지지 않고 처리 가능

1) POST 처리 방식

- Tomcat 서버의 web.xml 수정 (주석처리 해제)

2) GET 처리 방식

- Tomcat의 설정 파일인 server.xml을 수정

[서버프로그래밍] 4. 서블릿 핵심 API (1)

사랑짱 — Mon, 5 Jul 2021 13:32:48 +0900

◆ 서블릿 아키텍처(구조)

- 클라이언트에서 웹 브라우저를 이용하여 적절한 URL형식으로 서블릿에 요청하면,

웹 컨테이너에서 서블릿을 실행하고 결과값을 html로 구성하여 클라이언트로 응답을 처리

◆ HttpServletRequest API

- HTTP Request인 요청과 관련된 작업을 처리하는 핵심 API

- 클래스가 아닌 인터페이스(규격)으로 제공

◆ HttpServletResponse API

- HTTP Response인 요청과 관련된 작업을 처리하는 핵심 API

- 클래스가 아닌 인터페이스(규격)으로 제공

※ 서블릿의 응답처리 : html 형식으로 응답처리

1) response.setContentType("text/html;charset=UTF-8")

- 웹 브라우저에게 처리할 데이터의 MIME 타입을 알려주는 메소드

2) response.getWriter( )

- 응답처리 출력을 위한 메소드(자바 I/O기술 이용)

- 문자 데이터를 처리하기 위해서는 PrintWriter를 이용하고,

바이너리(binary) 데이터를 위해서 는 ServletOutputStream 클래스를 사용

◆ HttpServlet API

- 서블릿을 구현하기 위한 핵심 API

- 추상클래스로 제공

※ 상위- GenericServlet 추상클래스
- 초기화 작업에 필요한 init(ServletConfing)메서드
- 핵심 로직 작업에 필요한 service(request,respons) 메서드
- 자원 반납 처리작업에 필요한 destroy() 메서드
- 초기화 파라미터 작업에 필요한 getInitParameter(String) 메서드
- 서블릿명을 알 수 있는 getServletName() 메서드

※ 하위-HttpServlet 추상클래스
- HttpServletRequest와 HttpServletResponse 2개의 인자를 가진 doGet 또는 doPost 메서드

◆ LifeCycle 메소드

- 톰캣 컨테이너는 nit, service, destroy 3가지 메서드를 사용하여 서블릿 인스턴스를 관리

1) init 메소드(초기화 작업)

- 웹 컨테이너에 의해 서블릿 인스턴스가 처음 생성될 때 단 한번 생성

2) service 메소드

- 클라이언트가 요청할 때마다 호출

- 클라이언트가 원하는 동적인 처리 작업 시 필요

3) destroy 메소드

- 서블릿 인스턴스가 웹 컨테이너에서 제거될 때 호출

- 초기화 작업을 반납처리

※ 서블릿의 선처리 후처리 작업

@PostConstruct

- init 메서드가 호출되기 전에 수행되는 선처리 작업 메서드

- 반드시 리턴 타입은 void로 지정하고, 예외 클래스를 throws 할 수 없다.

@PreDestroy

- destroy 메서드가 호출된 후에 수행되는 후처리 작업 메서드

- 반드시 리턴 타입은 void로 지정하고, 예외 클래스를 throws 할 수 없다.

[서버프로그래밍] 3. 서블릿(Servlet)이란?

사랑짱 — Sun, 4 Jul 2021 22:22:08 +0900

◆ Servlet이란?

- 웹 컨테이너에 의해 관리되며 클라이언트 요청에 의해

다양한 동적인 콘텐츠로 응답 가능한 자바 기반의 웹 컴포넌트

- 사용자 요청이 전달되면 코드로 이루어진 Server Application을 처리하는 영역

◆ Servlet의 특징

- 클라이언트 요청에 의해 동적으로 실행된다.

- 클라이언트는 브라우저를 이용한 URL 지정을 통해 요청 가능하다.

- 서블릿의 응답 결과는 HTML 형식으로 서비스된다.

이때, MVC 패턴을 적용하면 JSP에서 HTML 코드를 작성하게된다.

- MVC 패턴의 Controller 역할로서 사용된다.

- 서블릿은 웹 컨테이너에 의해 관리되며 자바 스레드로 동작한다.

- 자바 기반 웹 컴포넌트로 .java 확장자를 갖는다.

※ 자바 기반으로서 갖는 특징

- 서블릿은 싱글톤 객체처럼 한번 생성되면 더이상 생성하지 않는다.(멀티쓰레드로 작업!)
- 서블릿은 클래스 기반으로 부모클래스-HttpServlet를 무조건 상속받는다.
- 서블릿 클래스는 무조건 매개변수 없는 public 접근제한자의 생성자만 갖는다.
(why? 서블릿 객체는 외부에서 컨테이너가 생성하기 때문에)
- 서블릿 컨테이너에 의해 service 메소드가 호출된다.

◆ URI mapping

- URI : / Context Root(Path) - 경로 / Servlet의 호출 이름

- 클라이언트가 요구하는 자원의 식별자(‌indicator)

-여러 개 지정 가능하며, 보안을 위해 물리적인 클래스의 이름과 맵핑주소를 분리

방법 1) @WebServlet 어노테이션 사용 (서블릿 3.0대부터 제공)

방법 2) web.xml파일에 <servlet> 태그와 <servlet-mapping> 태그를 사용하여 직접 등록

◆ webapp이란?

- web application으로 웹 어플리케이션들이 모여있는 폴더

- DocumentRoot : 정적/동적 문서들이 존재하는 폴더 (경로 : src/main/webapp)

src/main/java : Java 소스 파일들(*.java 형태)
src/test/java : Java Test 파일
resources : properties나 기타 xml 설정파일
(ex. datapase.properties, log4j.properties, log4j.xml etc.)
webapp(Context-Root) : Web application 관련 파일
1. static : css, img, js 등 정적 컨텐츠 관련 파일
2. WEB-INF : 웹 어플리케이션 설정정보 및 jsp 파일
(context.xml, decorators.xml, infrastructure.xml, sitemesh.xml, web.xml 등)
2-1. lib : 라이브러리 폴더(*.jar 형태)
2-2. Classes : 클래스파일( *.class 형태)
2-3. Web.xml : 설정파일, 서블릿 등록
target : 빌드된 서블릿 파일 출력 (*.class형태)
pom.xml : Maven 관련 파일 설정

※ webapps 가 웹서버 최상위폴더 '/ (Root)' 이다.

◆ web.xml

- 설정파일을 의미하는 배치설명자

- 런타임할 WAS에 배치하는 것을 설정하는 배치설명자

- 서블릿 명과 서블릿 맵핑명, 초기 파라미터 및 필터 기능과 관련된 정보 파악 가능

※ DD(Deployment Descriptor)

- web.xml를 다른 방식으로 보여주는 것
- 우리가 만든 웹 어플리케이션들이 담겨있는 것(서블릿, JSP 등)

JAVA 14-1. 컬렉션 프레임워크 - List 컬렉션

사랑짱 — Sun, 4 Jul 2021 21:14:16 +0900

◆ 컬렉션 프레임워크(Collection Framwork)

- C.R.U.D를 효율적으로 하기 위해 제공되는 컬렉션 라이브러리

- 인터페이스를 통해서 정형화된 방법으로 다양한 컬렉션 클래스 이용

- Java.util 패키지에 포함

◆ 컬렉션 프레임워크의 주요 인터페이스

출처 : 이것이 자바다

1) List 계열 - ArrayList, Vector, LinkedList

- 순서를 유지하고 저장

- 중복 저장이 가능

2) Set 계열 - HashSet, TreeSet

- 순서를 유지하지 않고 저장

- 중복 저장 불가

3) Map 계열 - HashMap, Hashtable, TreeMap, Properties

- 키와 값의 쌍으로 저장

- 키는 중복 저장 불가/ 값은 상관없음

◆ List 컬렉션

- List<T> 인터페이스의 성질 : 순서를 보장하고 객체의 중복을 허용한다.

출처 : 이것이 자바다

1) ArrayList

- 초기용량 : 10 (따로 지정 가능)

- 저장 용량을 초과하여 객체가 들어오면 자동적으로 늘어남.

- 객체 제거가 가능(단, 삭제된 인덱스 뒤부터 마지막 인덱스까지 모두 앞으로 1씩 당겨짐)

※ 배열의 Helper class : Arrays

- Arrays의 메소드를 활용하여 다양한 기능(asList(), sort() 등)을 지원 받자!!!!!

2) Vector

- 내부 구현은 ArrayList와 동일

- Thread synchronization(스레드 동기화)가 가능하여

복수의 Thread가 동시에 접근하여 객체를 추가/삭제하여 안전하게 조작 가능

3) LinkedList

- 인접 참조를 링크하여 체인처럼 관리

- 특정 인덱스에서 객체를 제거하거나 추가하게 되면 바로 앞뒤 링크만 변경

- 빈번한 객체 삭제와 삽입이 일어나는 곳에서는 ArrayList보다 좋은 성능

출처 : 이것이 자바다

※ ArrayList와 LinkedList 비교

- 객체 추가/제거 빈번하다면 LinkedList 사용

- 객체 검색 및 순차적 객체 추가는 ArrayList 혹은 배열 사용

구분	순차적으로 추가/제거	중간에 추가/제거	검색
ArrayList	빠르다	느리다	빠르다
LinkedList	느리다	빠르다	느리다

※ List 컬렉션의 주요 메소드

※ List의 전체 요소를 순회(traverse)하는 방법

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

public class ArrayListExam {
 
    public static void main(String[] args) {
        
        List<String> list = new ArrayList<>();
        
        list.add("Stirng_1");
        list.add("Stirng_2");
        list.add("Stirng_3");
        list.add("Stirng_4");
        list.add("Stirng_5");
 
        //-----------------------------------------------------//
        //         리스트의 전체 요소를 순회하는 방법들
        //-----------------------------------------------------//
        
        //1. method : 직접 for문과 리스트의 크기를 이용하여 순회(traverse)
        for(int i = 0 ; i < list.size(); i++) {          //전체 리스트의 요소 순
            String str = list.get(i);                    //해당 인덱스 번호의 구슬(객체) 얻기
            
            log.info(str);
        } //Classical for
        
        log.info("======================");
 
        //2. method : enhanced for문을 이용하는 방법(단, 인덱스 번호가 필요없을 때) 
        for(String s : list) {            //전체 리스트의 요소 순회
 
            log.info(s);
        } //enhanced for
         
        log.info("======================");
 
        //3-1. method : List.forEach() 최종처리 메소드를 이용한 순회
        //void accept(T t);
        list.forEach(t -> log.info(t));    //람다식을 구현하여 요소 출력
                
        log.info("======================");
 
        //3-2. method : List.forEach() 최소처리 메소드를 이용한 순회
       list.forEach(log::info);       //메소드 참조를 이용하여 요소 순회
 
        //-----------------------------------------------------//
        
    } //main
 
} //end class
Colored by Color Scripter

cs

[SQL]

사랑짱 — Fri, 2 Jul 2021 19:36:45 +0900

[SQL]

사랑짱 — Thu, 1 Jul 2021 21:39:39 +0900

[SQL] 데이터베이스(Data Base)란?

사랑짱 — Thu, 1 Jul 2021 21:34:17 +0900

◆ 데이터베이스(Data Base)란?

- 데이터의 집합

- 단순히 통합이 아닌, 논리적인 관계에 따라 연관시키고 구조화함으로써 효율적으로 관리!

◆ 데이터베이스의 특징

1. 공유해서 사용되는 공용데이터

- 여러 사용자들이 공유하여 사용할 목적을 지님!

2. 통합데이터

- 데이터의 통합으로 효율적인 데이터 관리 가능!

3. 영속성데이터

- 중요하게 관리되어야 하는 데이터가 삭제되지 않고 보존되도록 관리!

4. 운영/관리 데이터

- 단순 데이터의 집합이 아닌, 실제로 유용하게 사용할 수 있는 명확한 데이터를 의미!

◆ 데이터베이스의 관리 시스템(DBMS)

- DataBase Management System

- 데이터를 효율적으로 저장하고 관리/검색하기 위한 소프트웨어

- 데이터베이스의 중재자로서 응용프로그램들이 데이터베이스를 공유하여 사용하도록 관리!

◆ 관계형 데이터베이스

- DBMS가 효율적으로 데이터를 관리하기 위해 사용되는 모델이자 방법론

- 2차원 테이블 형태로 데이터를 관리!!

◆ SQL(Structured Query Language)

- 구조화된 언어로 일정한 규칙과 패턴에 맞게 조건들을 나열하여 결과를 얻을 수 있다!

※ SQL 문장의 종류

- DQL(질의어) : SELECT문을 사용하여 데이터 검색 시 사용

- DML(데이터 조작어) : 데이터를 조작하기 위해 사용(INSERT, UPDATE, DELETE, MERGR)

- DDL(데이터 정의어) : 데이터베이스에서 사용가능한 객체를 생성할 때 사용(CREAT, ALTER, DROP...)

- TCL(트랜잭션 처리어) : 트랜잭션을 처리하기 위해 사용(ROLLBACK, COMMIT...)

- DCL(데이터 제어어) : 저장된 데이터를 보호하기 위한 권한부여에 사용(GRANT, REVOKE..)

SQL 언어는 DBMS를 만든 회사마다 자체적으로 추가된 문법이 존재하기도 하지만

공통적으로 사용가능한 ANSI SQL문이 제공되기 때문에 접근성이 쉽다!

앞으로 SQL 언어에 대해 정리해보자!

JAVA 13-3. 람다식 - 디폴트 메소드

사랑짱 — Thu, 1 Jul 2021 08:47:57 +0900

◆ 람다식의 디폴트 메소드 : andThen() 과 compose()

함수적 인터페이스가 가지있는 디폴트 메소드가 존재한다.

디폴트 메소드를 통해 두 개의 함수적 인터페이스를 순차적으로 연결하고 실행할 수 있는데,

실행 과정에서 첫 번째 리턴값을 두 번째 매개값으로 제공하여 최종 결과값을 리턴

1) andThen()

2) compose()

◆ 함수적 인터페이스의 순차적 연결

- Consumer 의 순차적 연결

: 처리 결과를 리턴하지 않으며, 호출되는 디폴트 메소드의 따라

함수적 인터페이스의 호출 순서만 정해짐

- Operator과 Function의 순차적 연결

: 먼저 실행한 함수적 인터페이스의 결과를 다음 함수적 인터페이스의

매개값으로 넘겨주고, 최종 처리 결과를 리턴

◆ 람다식의 디폴트 메소드 : and(), or(), negate()

- Predicate 함수적 인터페이스의 디폴트 메소드

- and() (&&와 대응) : 두 Predicate가 모두 true를 리턴이면 최종적으로 true 리턴

- or() (|| 와 대응) : 두 Predicate 중 하나만 true를 리턴이면 최종적으로 true 리턴

- negate() (! 와 대응) : Predicate의 결과가 true이면 false, false이면 true 리턴

출처 : 이것이 자바다

◆ 람다식의 정적 메소드

- isEqual() 정적 메소드

- minBy() 정적 메소드

- maxBy() 정적 메소드

◆ 메소드 참조

- 메소드 참조를 통해 매개변수의 정보 및 리턴타입을 알아낸다.

- 메소드 참조는 람다식에서 불필요한 매개변수를 제거하는 것이 목적

(종종 기존메소드를 단순하게 호출만하는 경우로 존재)

※ 정적 메소드와 인스턴스 참조

- 정적 메소드 참조 : 클래스 :: 메소드

- 인스턴스 메소드 참조 : 참조변수 :: 메소드

※ 매개변수의 메소드 참조

※ 생성자 참조

JAVA 13-2. 람다식 - 표준 API의 함수적 인터페이스

사랑짱 — Tue, 29 Jun 2021 11:49:27 +0900

자바 8부터 표준 API로 제공되는 함수적 인터페이스는 java.util.function 패키지로 제공

제공된 함수적 인터페이스의 목적은

메소드 또는 생성자의 매개 타입으로 사용되어 람다식을 대입할 수 있도록 하기 위함이다.

이를 통해 비지니스 로직을 더욱 빠르게 구현할 수 있다.

◆ Consumer 함수적 인터페이스

- 매개값만 있고 리턴값이 없는 추상메소드를 가짐.

전달인자로 받은 매개값을 소비만하는/리턴값이 없는 로직에 사용

Consumer 인터페이스는 특정 객체를 소비합니다. 소비한다는 것이 뭘까요? 바로, 매개 변수를 사용만 하고 리턴을 하지 않는다는 뜻입니다. 그래서 추상 메소드의 리턴 형태가 void가 됩니다. 그리고 모두 추상 메소드로 accpet()를 가지고 있기 때문에 인터페이스를 사용하기 위해서는 이를 정의해 주어야 합니다.

※ 매개 변수의 타입과 수에 따라 분류

◆ Supplier 함수적 인터페이스

- 매개값은 없고 리턴값만 있는 추상메소드를 가짐.

Supplier 인터페이스는 특정 값을 리턴합니다. 이때, 주의하실 점이 이 인터페이스는 매개변수를 갖지 않습니다. 따라서 람다 바디 내에서 변수를 정의한 후 값을 리턴하도록 설계해야합니다. 추상 메소드는 공통적으로 getXXX() 형태이며, 이를 정의해 주어야 인터페이스를 사용할 수 있습니다.

※ 리턴타입에 따라 분류

◆ Function 함수적 인터페이스

- 매개값과 리턴값이 모두 있는 추상 메소드를 가짐.

- 주로 매개값을 리턴값으로 매핑(타입변환)할 경우 사용

Function 함수적 인터페이스는 매개값을 리턴값으로 매핑(타입 변환)합니다. 추상 메소드는 공통적으로 applyXXX() 형태이며, 이를 정의해 주어야 인터페이스를 사용할 수 있습니다.

※ 매개 변수 타입과 리턴 타입에 따라 분류

◆ Operator 함수적 인터페이스

- 매개값과 리턴값이 모두 있는 추상 메소드를 가짐.

- 주로 매개값을 연산하고 그 결과를 리턴할 경우에 사용

Operator 함수적 인터페이스는 Function과 동일하게 매개 변수와 리턴값이 있는 applyXXX() 메소드를 가지고 있습니다. 하지만 이 메소드들은 매개값을 리턴값으로 매핑하는 역할보다는 매개값을 이용해서 연산을 수행한 후 동일한 타입으로 리턴값을 제공하는 역할을 합니다.

※ 매개 변수 타입과 수에 따라 분류

◆ Predicate 함수적 인터페이스

- 매개값 조사하여 true 또는 false를 리턴할 때 사용(필터링 목적!)

따라서 리턴타입은 boolean이다.

Predicate 인터페이스는 매개 변수와 boolean 리턴값이 있는 test() 추상 메소드를 가지고 있습니다. 이 메소드는 매개값을 조사해서 true 또는 false를 리턴하는 역할을 합니다.

※ 매개변수 타입과 수에 따라 분류

똑같은 메소드이름일지라도,
익명구현객체에서 오버로딩된 내용에 따라
모두 다른 기능으로 사용할 수 있다!!!

결국 익명구현객체의 역할이 중요하다!!

[참고]

https://steady-coding.tistory.com/308

JAVA 13-1. 람다식(Lambda Expressions)

사랑짱 — Mon, 28 Jun 2021 14:51:58 +0900

◆ 람다식(Lambda Expressions)

- 익명 함수(anonymous function)을 생성하기 위한 식

※ 람다식을 이용함으로써 매개변수를 가진 코드 블록(추상메소드)를

구현하여 익명 구현 객체를 생성한다!!!

◆ 람다식(Lambda Expressions)의 장점

- 코드가 매우 간결해진다 (간결한 실행문에 적용하자!!).

- 컬렉션 요소(대용량 데이터)를 필터링 또는 맵핑하여 집계하는 데 수월해진다.

- 람다식을 함수적 인터페이스(Functional Interface)의 익명 구현 객체로 취급한다.

※ 타겟 타입이란?

- 람다식이 구현할 함수적 인터페이스 => "타겟 타입"

(대입되는 인터페이스(타겟타입)에 따라 구현 내용이 달라진다!!)

※ 함수적 인터페이스란?

- 오직 단 하나의 추상 메소드를 가진 인터페이스

- @FunctionalInterface 어노테이션이 붙어있는 인터페이스(안 붙어있을 수도 있다!)

- 인터페이스에 올 수 있는 멤버 4가지 중에, 추상메소드 이외에 나머지 멤버는 영향을 주지 않는다!

◆ 람다식 기본 문법

- Lvalue : 타겟타입의 인터페이스

- Rvalue : ( 매개변수 ) -> { 실행내용 } ;

- 소괄호 ( ) : 추상메소드의 매개변수(개수, 타입 동일) 선언블록

- 중괄호 { } : 추상메소드의 실행블록(구현부)

◆ 람다식 작성방법 및 생략조건

1) 매개변수와 리턴값이 없는 람다식

2) 매개변수가 있는 람다식

3) 리턴값이 있는 람다식

※ 람다식 작성 시 생략 조건

<전제조건>

- 타겟타입의 추상메소드의 시그니처를 알고 있어야 한다!!!

- 런타임 시 매개변수의 타입은 대입값에 따라 타입추론하기 때문에 생략 OK

- 하나의 매개 변수만 있을 경우 소괄호( ) 생략 OK

- 하나의 실행문만 있는 경우 중괄호{ } 생략 OK

- 중괄호{ }에 return문만 있는 경우 생략 OK

- 매개변수가 없더라도 소괄호( ) 생략 불가

◆ 클래스 멤버와 로컬변수 사용

<클래스의 멤버 사용>

- 람다식 실행블록에는 클래스의 멤버인 필드와 메소드를 제약 없이 사용가능

- 람다식 실행블록 내에서 "this"는 람다식을 실행한 객체(클래스)의 참조

(따라서, 람다식 내 'this'는 람다식이 만들어내는 '익명구현객체'의 주소를 가리키지 못한다!!)

<로컬 변수 사용>

- 람다식은 함수적 인터페이스의 익명 구현 객체 생성

- 람다식에서 사용하는 외부 로컬 변수는 final 특성

JAVA 12. 제네릭(Generic)

사랑짱 — Sun, 27 Jun 2021 20:36:01 +0900

◆ 제네릭(Generic) 타입이란?

- 타입을 파라미터로 가지는 클래스와 인터페이스, 메소드

- 선언 시 클래스 또는 인터페이스 이름 뒤에 '<>부호'를 붙이며,

'<>' 사이에는 타입 파라미터가 위치.

- 개발코드에서 구체적인 타입을 지정하여 제네릭타입을 사용 ---> 타입의 일반화

※ 타입 파라미터

- 대문자 알파벳 한 문자로 표현

◆ 왜 제네릭을 사용해야할까?

- 컴파일 시 강한 타입 체크가 가능 ---> 잘못된 타입이 사용될 수 있는 문제를 제거

(컴파일 시 제네릭 타입이 구체적인 타입으로 일괄 변환된다!!)

- 타입변환 제거 가능 ---> 프로그램 성능 효율적

출처 : 이것이 자바다

※ 제네릭 타입 사용 여부에 따른 비교

1) 클래스 생성 시 제네릭타입으로 선언하는 과정 비교

- 클래스 선언할 때 타입 파라미터를 사용한다.

2) 객체 생성 시, 제네릭타입 객체 생성/사용하는 과정 비교

- 컴파일 시 타입 파라미터가 구체적인 클래스로 변경된다.

◆ 멀티 타입 파라미터

- 제네릭 타입은 두 개 이상의 타입 파라미터 사용 가능

출처 : 이것이 자바다

◆ 제네릭 메소드

- 매개변수 타입과 리턴타입으로 타입 파라미터를 갖는 메소드

※ 제네릭 메소드 선언 방법

출처 : 이것이 자바다

- 리턴타입 앞에 '<>'기호를 추가하여 메소드에 사용될 타입파라미터를 기재

- '<>'기호 안에 있는 타입 파라미터는 리턴 타입과 매개 변수에 사용 가능

메소드 사용 시 구체적 타입으로 컴파일러가 바꿔줌!

※ 제네릭 메소드 호출 방법

- 리턴타입 변수 = <구체적타입> 메소드명(매개값); --> 명시적으로 구체적 타입 지정

- 리턴타입 변수 = 메소드명(매개값); --> 매개값을 보고 구체적 타입을 추정

(단, 멀티타입 파라미터 사용 시 결과값에 오류가 발생할 수도 있다!)

<참고> 제네릭 타입의 배열은 어떻게 생성해야할까?

- 타입파라미터 즉, 제네릭타입의 배열은 직접 new 연산자로 생성이 불가능하다!
따라서, 아래와 같은 순서로 생성해야 한다.

(1) Object[] 타입의 배열을 먼저 생성한다.
(2) (T[]) 강제 형변환하여 초기화 수행해야 한다.

(+) . 매개변수를 통해 인자값으로 배열의 길이를 받도록 하자!!

◆ 제네릭 타입의 상속과 구현

- 제네릭타입을 부모클래스로 사용하는 경우, 타입파라미터는 자식클래스에도 기술!!

자식만의 타입 파라미터도 추가로 가질 수 있다!

◆ 제한된 타입 파라미터

- 타입 파라미터에 지정되는 구체적인 타입을 제한해야하는 경우 사용

- 타입 파라미터를 대체할 구체적일 타입 지정 가능!

※ HOW? 상속 및 구현 관계를 이용한 타입 제한

- <T extends 상위타입>

: 지정가능한 구체타입에는 해당 상위타입이거나 상위타입을 상속받은 하위타입으로 제한

(이 때, 상위타입의 멤버(필드, 메소드)들만 사용가능하다.)

- <T super 하위타입>

: 지정가능한 구체타입에는 해당 하위타입이거나 하위타입이 상속받고 있는 상위타입으로 제한

◆ 와일드카드 타입

- 제네릭 객체를 인자값으로 받는 매개변수, 또는 지역변수(Lvalue)에

제네릭타입을 사용할 때 와일드카드 타입 사용하여 여러 개의 구체타입 수용 가능!

(단, 지역변수(Lvalue) 와일드카드 타입으로 선언 시, 메소드 호출에서 오류 발생!!)

1. 제네릭타입<?> : Unbounded Wildcards(제한없음)

- 타입 파라미터를 대치하는 구체적인 타입으로

모든 클래스나 인터페이스 타입 수용가능

2. 제네릭타입<? extends 상위타입> : Upper Bounded Wildcards(상위 클래스 제한)

- 타입 파라미터를 대치하는 구체적인 타입으로

해당 상위타입이나 상위타입을 상속받은 하위타입만 수용가능

3. 제네릭타입<? super 하위타입> : Lower Bounded Wildcards(하위 클래스 제한)

- 타입 파라미터를 대치하는 구체적인 타입으로

해당 하위타입이거나 하위타입이 상속받고 있는 상위타입만 수용가능

아래 예시를 통해 와일드카드의 사용에 대해 직접 확인해보자!!

클래스 간 관계

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
public class WildCardExample {
 
    //모든 사람을 대상으로 하는 교육과정 내역 출력
    public static void printCourse(Course<?> course) {
        log.info(
                course.getName() + "수강생"+
                Arrays.toString(course.getStudents())
        ); //info
    
    } //printCourse
 
    
    //학생을 대상으로 하는 교육과정의 내역 출력
    public static void printCourseStudent(
            Course<? extends Student> course) {
        log.info(
                course.getName() + "수강생"+
                Arrays.toString(course.getStudents())
        ); //info
        
    } ///printCourseStudent
    
    
    //근로자를 대상으로 하는 교육과정의 내역 출력
    public static void printCourseWorker(
            Course<? super Worker> course) {
            log.info(
                    course.getName() + "수강생"+
                    Arrays.toString(course.getStudents())
            ); //info
        
    } ///printCourseStudent
    
    public static void main(String[] args) {
        
        
        //1. 일반인을 대상으로 하는 교육과정을 생성, 이 때 "구체타입" 지정
        Course<Person> personCourse = new Course<>("일반인과정", 5);    //타입추론
        
            personCourse.add(new Person("일반인"));
            personCourse.add(new Worker("직장인"));
            personCourse.add(new Student("학생"));
            personCourse.add(new HighStudent("고등학생"));
            
            
        //2. 직장인을 대상으로 하는 교육과정을 생성, 이 때 "구체타입" 지정
        Course<Worker> workerCourse = new Course<>("직장인과정", 5);    //타입추론
 
//             workerCourse.add(new Person("일반인"));                    //worker 구체타입이기 때문에 XX
//             workerCourse.add(new Student("학생"));                    //worker 구체타입이기 때문에 XX
 
             workerCourse.add(new Worker("직장인"));
 
             Course<? extends Person> course2 = personCourse;        //Course<Person>타입이 대입되어 Course<?>타입이 됨!
             Course<? extends Person> course3 = workerCourse;        //Course<Person>타입이 대입되어 Course<?>타입이 됨!
                                                                     //다형성과 다르기 때문에 구분하기!!
        
             
        //3. 학생을 대상으로 하는 교육과정을 생성, 이 때 "구체타입" 지정
        Course<Student> studentCourse = new Course<>("학생과정", 5);    //타입추론
 
            studentCourse.add(new Student("학생"));
            studentCourse.add(new HighStudent("고등학생"));            //다형성 1- 부모타입은 자식타입을 품을 수 있다!
        
            
        //4. 고등학생을 대상으로 하는 교육과정을 생성, 이 때 "구체타입" 지정
        Course<HighStudent> highStudentCourse = new Course<>("고등학생과정", 5);    //타입추론
 
            highStudentCourse.add(new HighStudent("고등학생"));
        
        
        printCourse(personCourse);
        printCourse(workerCourse);
        printCourse(studentCourse);
        printCourse(highStudentCourse);
        
        log.info("******************************");
        
//        printCourseStudent(personCourse);            //수용XX
//        printCourseStudent(workerCourse);            //수용XX
        printCourseStudent(studentCourse);
        printCourseStudent(highStudentCourse);
        
        log.info("******************************");
        
        printCourseWorker(personCourse);
        printCourseWorker(workerCourse);
//        printCourseWorker(studentCourse);            //수용XX
//        printCourseWorker(highStudentCourse);        //수용XX    
        
    } //main
    
} //end class
Colored by Color Scripter
cs

JAVA 11. 예외처리 (try-catch / throws / try-with-resources)

사랑짱 — Thu, 24 Jun 2021 21:20:14 +0900

◆ 오류의 종류

- 에러(Error) : 하드웨어의 잘못된 동작 또는 고장으로 인한 오류

- 예외(Exception) : 사용자의 잘못된 조작 또는 개발자의 잘못된 코딩으로 인한 오류

※ 에러와 예외 비교

- 공통점 : 발생되면 프로그램 종료

- 차이점 : 에러(Error)는 정상 실행 상태로 돌아갈 수 없다.

예외(Exception)는 예외처리를 추가하여 정상 실행 상태로 돌아갈 수 있다.

따라서, 개발자는 우리가 처리해야 할 예외(Exception)에 집중해야한다!

◆ 예외의 종류

- 일반 예외(Checked Exception) : 예외처리 코드 없으면 컴파일 오류 발생(컴파일 시 체크)

- 실행 예외(RuntimeException) : 예외처리 코드를 생략하더라고 컴파일이 되는 예외

경험에 따라 예외처리 코드 작성 필요

※ 프로그램의 안정성을 확보하기 위해 예외처리 작업은 매우 중요하다!!!

◆ 예외 클래스의 구조

- 예외 처리의 최상위 클래스 : Throwable class

- Throwable class를 상속받는 하위클래스

(1) Error class

(2) Exception class : Checked Exception, RuntimeException(★)

출처 : TCP school

- Checked Exception : 반드시 예외처리를 작성해야 컴파일 가능 --> try-catch 를 꼭 해야 한다!

- RuntimeException : 컴파일러가 개입하지 않으며, 개발자 경험에 의해 작성해야 한다.

	Checked Exception	RuntimeException
처리 여부	반드시 예외 처리 해야함	예외 처리하지 않아도 됨
트랜잭션 Rollback 여부	Rollback 안됨	Rollback 진행
대표 Exception	IOException, SQLException	NullPointerException, IllegalArgumentException

◆ 실행 예외(RuntimeException)의 종류

다양한 실행 예외의 종류가 있으나 대표적인 예외에 대해 알아보자.

- NullPointerException : 객체 참조가 없는 상태(참조변수가 비어있을 때)

- ArrayIndexOutOfBoundsException : 배열에서 인덱스 범위를 초과하여 사용하는 경우 발생

- ClassCastException : 상속관계에서 타입 변환이 되지 않을 경우 발생

◆ 예외 처리 코드(try-catch-finally)

- 예외 발생 시 프로그램 종료를 막고, 정상 실행 유지할 수 있도록 처리

- catch문의 매개변수로 예외객체를 인자로 전달받아 catch문에서 사용하여 처리

▷ 정상 실행되었을 경우 : try문(예외 발생여부에 따라 실행)

▷ finally문- 예외 발생되었을 경우 : try문(예외 발생여부에 따라 실행) - catch문 - finally문

※ 예외 정보 얻기 (catch() 절에서 활용)

- getMessage( ) : 예외 발생 시 생성자 매개값으로 사용한 메시지를 리턴

- printStackTrace( ) : 예외 발생 코드 추적한 내용을 출력

출처 : 이것이 자바다

◆ 다중 예외 처리 시 주의사항

- 다중 catch문 작성 시 상위클래스(Exception)로 처리하면

모든 예외가 처리되기 때문에 하위 예외처리를 할 필요가 없다.

다만, Exception이 가장 상위에 위치하면 어떤 예외인지 정확한 파악이 어렵다!!

따라서 예외처리는 하위 예외 -> 상위 예외 순으로 작성하고 Exception은 가장 나중에 작성하자!

※ Throwable 블록으로 처리할 수 있는 error도 있다!!

다중 예외처리의 예시

◆ 예외 떠 넘기기(throws)

- 메소드에서 처리하지 않은 예외를 호출한 곳으로 떠 넘기는 역할

- 메소드 선언부 끝에 작성

◆ 사용자 정의 예외

- 자바 표준 API에서 제공하지 않는 예외

- application service와 관련된 예외 (대부분 CheckedException 으로 예외 처리)

Ex) 잔고 부족 예외, 계좌 이체 실패 예외, 회원 가입 실패 예외 등

※ 사용자 정의 예외 클래스 선언 방법

step 1. 예외의 종류 결정 - CheckedException | RuntimeException

step 2. 예외클래스 생성 (Constructor OverLoading)

- default constructor : 단순 예외 객체 생성할 때 사용하는 생성자

- constructor : 예외 메시지까지 함께 생성할 때 사용하는 생성자

step 3. 예외 발생시키기 (호출된 곳에서 발생한 예외를 처리하도록 예외 객체 생성)

◆ 자동 리소스 닫기(try-with-resources)

- 예외 발생 여부과 상관없이,

사용했던 리소스 객체의 close() 메소드를 호출하여 리소스를 닫음

try-catch문이 종료되면, resource도 함께(with) close()로 닫힌다!!

※ 리소스 객체

- java.lang.AutoCloseable 인터페이스를 구현하고 있어야 한다.

<자바 8버전>

<자바 11버전>

※ try블록이 정상적으로 실행되었거나 도중에 예외가 발생하면 자동으로 close( )메소드가 호출!

JAVA 10-2. 익명 객체 (익명 자식객체 / 익명 구현객체)

사랑짱 — Wed, 23 Jun 2021 12:30:43 +0900

◆ 익명 객체란?

- 이름을 알수 없는 객체

- 객체를 생성하면서 클래스를 정의하는 형태

- 익명 객체는 단독으로 생성 불가

(전제조건 : 상속 - extends / implement)

◆ 익명 객체의 생성

- Lvalue : 부모타입의 참조변수

- Rvalue : new 부모타입명(생성자 매개변수로 전달할 인자들)

- { } (구현부) : 상속받은 부모 타입의 메소드 재정의/ 새로운 메소드, 필드 선언 가능

※ 생성자는 객체의 타입을 클래스로 선언해야 하는데

익명 객체는 클래스의 이름을 알 수 없기 때문에 익명 객체 내부에 자체 생성자 생성은 불가!!!

◆ 익명 객체 사용 가능 위치

1. 필드의 초기값

2. 메소드의 로컬변수

3. 매개변수의 매개값

◆ 익명 객체의 사용범위

출처 : 이것이자바다

- 익명 객체 내부에서만 사용가능(지역적으로만 사용!)

- 익명객체에서 재정의한 부모타입의 메소드는 접근 가능

- 외부에서는 익명 객체 자체의 필드와 메소드에 접근할 수 없다!!!

(why? 익명 객체는 부모 타입 변수에 대입되므로, 부모타입에 선언된 것만 사용 가능하다)

※ 상속받은 멤버와 익명객체에서 새롭게 생성한 멤버를 구분해야 사용가능 범위를 알 수 있다!!!

◆ Closure(클로저)란?

- 함수의 내부에서 만든 지역변수가 사라지지 않고 값을 유지하고 있는 상태

※ 클로저란?
생명주기가 다른 두 변수가 상호( 또는 일방) 참조(=사용)될 때, 생명주기가 짧은 변수가 파괴되고 나서,
생명주기가 긴 참조변수에서 이 파괴된 변수의 값을 참조함으로써 발생하는 문제를 의미

=> 문제 해결 : 생명주기가 짧은 변수를 final 상수로 만들어 메소드 영역에 있는 Clazz객체의 상수풀에 넣음!!!

Q. 어떤 경우에 지역변수의 값이 유지가 될까?

A. 외부 함수에서 선언된 지역변수 중 내부함수에서 사용되는 경우

final 특성을 가지게 되며 내부함수 실행 시 사용가능하다!

클로저는 함수 내부에 데이터가 만들어지기 때문에

함수 외부에서 수정할 수 없는 보호된 데이터 생성가능하다는 장점이 있다!!

(final의 특성을 가지기 때문에 값을 변경하는 것이 불가능!)

클로저와 관련된 내용은 자바스크립트에서 더 자세히 다룰 수 있을 것 같다!!

JAVA 10-1. 추상클래스와 인터페이스 비교(공통점/차이점)

사랑짱 — Wed, 23 Jun 2021 11:40:52 +0900

앞서 다형성과 가장 밀접한 상속에 대한 개념을 다루면서

추상클래스와 인터페이스에 대해 정리해보았다.

그렇다면 추상클래스와 인터페이스의 공통점과 차이점은 무엇일까?

◆ 추상클래스 - 인터페이스의 관계

- 추상클래스와 인터페이스는 상호호환하는 관계

◆ 추상클래스 - 인터페이스의 공통점

- 추상메소드라는 교집합으로 규격을 정의

- 상속과 오버라이딩이라는 기능을 통해 다형성을 구현

- 스스로 객체를 생성할 수 없으며 extends, implements 한 자식/구현객체들만 생성 가능

※ 인터페이스와 달리, 추상클래스는 생성자가 있으므로

자식객체의 생성과 함께 부모객체도 생성된다는 차이가 존재

◆ 추상클래스 - 인터페이스의 차이점

1. 추상클래스

- 구성멤버 : 필드, 생성자, 메소드 + 추상메소드(규격과 상관없는 필드와 메소드를 정의)

- 단일상속(why? 구현되어 있는 메소드 간 충돌 발생)

- 상속받은 기능을 확장하여 구체화

2. 인터페이스

- 구성멤버 : 상수, 추상메소드, 디폴트메소드, 정적메소드

- 다중상속(why? 구현되어 있지 않기 때문에 상관없음)

- 구현객체가 동일하게 동작하는 것을 보장

진짜 규격다운 규격은 인터페이스이다!!!

[서버프로그래밍] 2-3. 웹 서버 - 톰캣(Tomcat) 사용하기

사랑짱 — Tue, 22 Jun 2021 09:19:02 +0900

웹 서버는

아파치 HTTP 서버, IIS 웹서버, 엔진 X, 라이티, 아파치 톰캣 서버 등 여러 종류가 있다.

그중 아파치 톰캣 서버에 대한 기본적인 사용방법들을 정리해보자!

◆ 웹 서버의 시작과 중지

1) 모니터 톰캣 사용

- Automatic : 자동 설정
- Manual : 수동 설정
- Disabled : 관리자가 직접 웹서버 시작

2) 명령 프롬프트에서 명령어 사용

- tomcat8 startup / shutdown

3) 관리 도구 서비스 사용

- [서비스]창에서 중지 /다시 시작

◆ 웹 서버 포트 변경

Step 1. 명령 프롬프트에서 내 컴퓨터에 사용되는 포트번호 확인(중복된 포트 사용X)

Step 2. [apache] - [Tomcat 9.0] - [conf] - [server.xml] 파일에서 수정

Step 3. 웹 브라우저에서 결과 확인

※ 웹 서버 환경설정 : server.xml 파일에서 설정

◆ 웹 서버 홈 디렉터리/ 가상 디렉터리 설정

1) 직접 [webapp]폴더에 새로운 폴더 생성하여 문서 설정

- 임의로 지정한 URL의 경로를 홈 디렉터리로 사용할 수 있도록 해주는 개념

- 가상의 폴더 이름으로 홈 디렉터리를 설정

2) 서버 환경(server.xml 파일)에서 파일을 변경하여 설정

-새로운 폴더를 생성하여 가상 디렉터리 관리

-톰캣 서버 환경에서 파일을 변경하여 가상 디렉터리 관리

[서버프로그래밍] 2-2. 웹 서버와 WAS

사랑짱 — Mon, 21 Jun 2021 00:06:09 +0900

◆ 웹 서버(Web Server)란?

- Web : 인터넷을 기반으로 한 정보를 공유, 검색할 수 있게 하는 서비스

(구성요소 : URL - 주소, HTTP - 통신규칙, HTML - 내용)

- Server : 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템

- Web Server : 인터넷을 기반으로 클라이언트에게 웹 서비스를 제공하는 컴퓨터

※ 웹 서버(Web Server)의 단점

- HTML은 프로그래밍 언어가 아닌 마크업 언어이기 때문에 정적인 데이터로 한정 -> WAS 등장!!!

웹 기반의 프로그램은사용자가 요구하는 내용에 대해 웹 서버에서 찾아 웹문서로 제공한다.이때 제공되는 웹문서 속 데이터는 문서로 미리 만들어져있는 것이 불가능하다.(시시때때로 변하는 데이터를 수정해야하기 때문!)

다시 말하자면, 사실상 웹서버에는 문서가 만들어져있는 것이 아니라 문서를 만들기 위한 코드(Server Application)가 있을 뿐이라는 것이다!! 따라서 웹서버는 그 코드를 찾아 DB에서 문서화하여 클라이언트에게 전달해야 한다.

그러기 위해선 코드를 실행할 수 있는 추가적인 환경이 필요로 한다.그것이 바로 WAS(Web Application Server) 이다!

◆ WAS(Web Application Server)란?

- Web Application : 웹에서 실행되는 응용 프로그램

- Web Application Server

: 웹 어플리케이션과 서버 환경을 만들어 동작시키는 기능을 제공하는 소프트웨어 프레임워크

웹 어플리케이션을 실행시켜 필요한 기능을 수행하고 그 결과를 웹 서버에게 전달

◆ WAS(Web Application Server)의 역할

- php,jsp, asp 와 같은 언어들을 사용하여 동적인 페이지를 생성할 수 있는 서버

- 프로그램 실행 환경과 데이터베이스 접속 기능을 제공(비지니스 로직 수행가능)

- 웹 서버 + 웹 컨테이너로 구성

※ 웹 컨테이너 : jsp, servlet 을 실행시킬 수 있는 소프트웨어가 관리되는 공간

상황에 따라 변하는 정보를 제공할 수 있는가?
Web Server : 정적인 컨텐츠
WAS : 정적 + 동적인 컨텐츠

◆ 웹 서버와 WAS의 분리

- 기능을 분리하여 서버 부하 방지

- 물리적으로 분리하여 보안 강화

- 여러 대의 WAS 연결 가능

[서버프로그래밍] 2-1. 웹 서버와 클라이언트

사랑짱 — Sun, 20 Jun 2021 18:01:01 +0900

◆ 클라이언트 - 서버의 관계

출처 : 차세대 웹프로그래밍

- 클라이언트 : Request를 보내고 Response를 받는 프로그램

- 웹 브라우저 : 웹 서버로부터 받은 HTML 문서나 파일을 웹 페이지에 출력하는 소프트웨어

(Ex. 인터넷 익스플로러, 모질라 파이어폭스, 오페라, 사파리, 크롬 등 URL을 통해 접근가능)

- 웹 서버 : 클라이언트로부터 HTTP 요청(Request)을 받아 웹 페이지(Response)를 전송해주는 서버

※ 웹 브라우저의 기능

- 웹 페이지 탐색

- 접속하는 프로그램의 주소 관리

- 웹 페이지의 저장, 인쇄, 소스 파일 보기

- 웹 페이지 보안에 관련한 필터 도구 제공

※ 웹 서버의 기능

(1) 리스너 기능 : 클라이언트로부터 접속이 있는지 항상 체크하고 대기

(2) 답변 기능 : 요청한 사항을 처리 후 결과를 클라이언트에게 보내기

◆ 클라이언트와 웹 서버의 환경

- 클라이언트 환경 : 태블릿 PC, 스마트 폰, 스마트 TV, PC환경 등

- 웹 서버 환경 : 웹 서버, 서버 프로그램, 데이터베이스

(1) 웹 서버

- 클라이언트의 요청에 따라 서버에 있는 정적인 데이터를 제공하며 HTTP를 통해 클라이언트와 대화

- 웹서버의 종류 : 아파치 HTTP 서버, IIS 웹서버, 엔진 X, 라이티, 아파치 톰캣 서버 등

(2) 서버 프로그램(WAS)

- 클라이언트에게 받은 동적인 데이터 요청을 처리/응답하는 프로그램
- JSP, ASP, PHP 등 중 JSP가 가장 많이 사용(자바 기반)
(+). 최근 서버의 성능을 고려하여 클라이언트 프로그램에서 처리를 함께 수행하도록 하기도 함!

(3) 데이터베이스 접속 API

- JDBC : 자바 기반의 웹프로그램이 쉽고 빠르게 접속하여 데이터를 조회/저장하도록 함.
- ODBC : DBMS 종류에 관계없이 접근 가능하여 사용(마이크로소프트 개발)

◆ HTTP Request / HTTP Response 구조

웹 브라우저(클라이언트)와 웹 서버는
아래와 같이 일정한 형식으로 요청과 응답을 주고 받는다.

HTTP Header에는 요청/응답 정보와 본문(Body)이 포함된다.

※ HTTP Request 구조

- 요청 라인(Request Line) : Http method / URI / ProtocolVersion (가장 중요함!!)

HTTP 메서드 방식 및 요청 URL과 프로토콜 정보

- 요청 헤더(Request Header) 웹 브라우저 정보, 언어, 인코딩 방식, 요청 서버 정보 등과 같은 추가 정보

- 요청 본체(Request Body) : 영역에 제한이 없다!

요청에 필요한 내용, 일반적으로 HTML 폼 태그안에 입력된 값들인 파라미터 정보

※ HTTP Response 구조

- 상태 라인(Status Line)응답 상태 코드 및 프로토콜 정보

- 응답 헤더(Response Header)응답처리 날짜, 인코딩 방식, 요청 서버 정보 등과 같은 추가 정보

- 응답 본체(Response Body)응답에 필요한 내용을 갖는다. (일반적으로 HTML 문서)

[서버프로그래밍] 1. 웹 프로그래밍의 이해(개념 정리)

사랑짱 — Sun, 20 Jun 2021 17:38:27 +0900

서버프로그래밍에 대해 알아보기 전 웹에 대한 기본적인 개념들을 정리해보자.

◆ 인터넷(Internet)

- 네트워크 기술의 한 종류(Inter + network)

- 전세계의 네트워크가 묶여있는 인터넷 기반 위에서 만들어진 서비스

초창기의 네트워크는 특정자원을 LAN(Local Area Network)을 통해 소수의 사람들이

공유할 목적으로 만들어졌으나 이것이 전 세계적으로 확대되어 Internet으로 발전되었다.

즉, 지역범위의 네트워크인 LAN들의 연결을 통해 네트워크 형성된 것이다!!

◆ 웹(World Wide Web)

- 인터넷 표준 문서 시스템

- 인터넷을 기반으로 동작하는 하나의 서비스

- 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 정보 공간

※ 웹의 구성요소 : URL(주소), HTTP(통신규약), HTML(내용)

◆ 웹의 특징

- 전 세계의 컴퓨터를 연결

- HTTP(Hyper Text Transfer Protocol) 프로토콜을 사용

- HTML(Hyper Text Markup Language)로 작성된 문서 연결

- 텍스트, 그래픽, 오디오, 비디오, 프로그램 파일 등 멀티미디어 서비스 제공

※ 웹 표준

- 개발자 간 일종의 약속으로 정해진 규칙을 준수함으로써

모두 호환이 되어 편리하게 사용가능 (by W3C)

◆ IP와 DNS, Port 번호

1. IP주소 (like 아파트의 동)

- 하나의 컴퓨터(장비)에 할당된 번호

- 인터넷 상의 한 컴퓨터에서 다른 컴퓨터로 데이터를 보내는 데 사용되는 프로토콜(식별자 역할)

2. DNS(Domain Name Service)

- 사람이 외우기 쉬운 Domain주소를 IP로 변환/ IP주소를 다시 Domain 주소로 변환해주는 서비스

※ DNS서비스에 오류가 생기면 IP주소를 얻지 못하여 네트워크 서비스를 제공받지 못한다!

※ DNS서비스에 응답속도가 느리면 웹사이트에 접속도 늦어진다!

3. Port번호 (like 아파트 동의 호수)

- 하나의 컴퓨터에서 네트워크를 사용하는 프로그램이 여러 개가 동시에 실행되는 경우

구분하기 위해 port번호 사용

※ HTTP 프로토콜의 기본 port번호는 80이다!

◆ 프로토콜(Protocol)

- 클라이언트와 서버 간의 데이터를 주고받는 통신규약

◆ HTTP ( HyperText Transfer Protocol )

1. HyperText

- 사용자의 선택에 따라 관련된 문서로 옮겨갈 수 있도록 조직화된 정보

- 일반적으로 링크(link) 또는 하이퍼링크(hyperlink)라고 부른다.

2. HTTP(HyperText Transfer Protocol)

- 클라이언트와 서버 사이에 이루어지는 요청-응답 프로토콜

- HyperText 링크를 통해서 문서를 이동하거나 페이지 정보를 전송하는 프로토콜

※ HTTP프로토콜의 특징

- 비지속성(Connectionless) 연결방식으로 동작한다는 점

즉, 클라이언트가 서버로 요청하고 응답을 받으면 연결을 유지하지 않고 즉시 연결을 끊는 방식

(+) 장점 : 동시 접속자가 증가하더라도 무리없이 서비스 가능

(-) 단점 : 요청-응답 이외에 정보를 유지할 기회가 없음

3. URL(Uniform Resource Locator)

- 웹 서버에 접속할 수 있는 수단
- 단일화된 방법으로 웹에 공개 된, 요청된 리소스(자원)의 위치를 알려주는 locater

① 프로토콜 : 웹의 공식 프로토콜인 HTTP를 쓰기 때문에 HTTP로 시작하는 것

② 호스트번호 : IP주소

③ 포트번호 : 80번 포트는 기본포트이기 때문에 생략 가능

④ 경로

⑤ 파일명

※ URI(Uniform Resource Identifier)

- ④경로와 ⑤파일명을 포함한 개념 / 우리가 원하는 특정한 자원을 지칭하는 것

◆ 웹 어플리케이션

- 웹 기반으로 클라이언트의 요청을 받아 요청에 대해 응답하는것

즉, 웹 브라우저를 이용한 클라이언트와 HTML(정적 웹 컴포넌트),

JSP/Servlet(동적 웹 컴포넌트) 같은 자원을 가진 웹 서버간에

동적으로 요청/응답 처리하는 프로세싱을 의미

- 물리적으로 웹 어플리케이션은 결국 하나의 폴더로 쌓여있는 것

※ 결국 서블릿, JSP, 스프링 등으로 작업된 파일들이 하나씩 모여

톰캣 폴더에 들어가 웹 어플리케이션이 된다!!

◆ 웹 컴포넌트

- 웹 어플리케이션 개발시 사용되는 HTML, JSP, Servlet 및 이미지 파일들을 의미

- 웹을 구성하는 요소들이며 재사용이 가능한 조립 블록 형태

(1) HTML 컴포넌트(정적 컴포넌트)

파일 확장자는 .html으로, 웹 브라우저에게 웹 페이지의 구조와 내용을 전달할 목적으로 작성된다.

<html>
<head>
<title> HTML 타이틀입니다. </title>
</head>
<body>
<h1> 이곳은 제목입니다. </h1>
<p> 이곳은 문단입니다.</p>
</body>
</html>

(2) JSP 컴포넌트(동적 컴포넌트)

파일 확장자는 .jsp로, 정적인 HTML 태그와 동적인 JSP 태그가 혼합된 구조이다.

JSP는 화면을 구현하는 코드(Presentation Logic)와 자바 프로그래밍 코드(Business Logic)가 혼합된 형태

※ JSP 태그안에 자바 코드 를 삽입하여 자바 프로그래밍으로 실행되어 지기 때문에

JSP는 자바를 실행 시킬 수 있는 웹 컨테이너라는 특별한 환경에서 동작된다.

<%@ page contentType="text/html; charset=UTF-8" %>
<html>
<head>
<title> JSP 타이틀입니다. </title>
</head>
<body>
<%
String name = "홍길동“;
%>
이름은<%= name %>
</body>
</html>

(3) Servlet 컴포넌트(동적 컴포넌트)

파일 확장자는 .java로 모든 코드가 자바 코드로 구성되어 웹 컨테이너가 필요

서블릿은 Business Logic 처리를 담당하고 JSP는 Presentation Logic 처리를 담당한다.

◆ 웹컨테이너(서블릿/JSP/EJB컨테이너)

- WAS에 포함되는 개념(혹은 그 자체로 WAS)

- JSP와 Servlet 컴포넌트(인스턴스)를 관리하는 역할

- Tomcat 및 resin 등이 있으며 Tomcat 컨 테이너를 가장 많이 사용

웹 컴포넌트는 Java SE 환경처럼 main 메서드 역할을 담당하는 시작점(starting point)이 없으며,
단지 이벤트 방식 처럼 동작이 되어 진다. 이벤트는 웹 브라우저를 통해서 사용자가 웹 서버에 요청을 보내는
상황을 의미한다. 클라이언트 요청에 의해서 웹 컴포넌트들을 생성하고 제거하는 메커니즘 이 필요한데
이 작업을 웹 컨테이너가 담당하며, 이는 웹 컨테이너의 많은 역할들 중에서 핵심이 되는 작업이다.

◆MVC 패턴

- Servlet과 JSP를 각 역할에 맞게 모듈화하여 개발하는 웹 어플리케이션 방법론

Model

웹 어플리케이션의 Business Logic을 담당하는 모듈로서 일반 자바 클래스로 구현된다. 데이터베이스 연동시 필요한 DAO,DTO 클래스 파일들에 해당된다.

View

사용자와의 직접적인 화면 구성을 담당하는 모듈로서 JSP로 구현된다. Model의 데이터를 HTML로 보여주거나, 사용자가 입력하는 화면 구성을 담당한다.

Controller

Model과 View는 논리적으로 밀접한 관련을 갖지만, 물리적으로는 관련이 전혀 없다. 서로간 의 의존성을 감소시킴으로써 유지 보수를 쉽게 할 목적으로 분리시켜 작업이 이루어진다. 따라서 Model과 View를 관리하는 역할의 Controller가 필요하며, Servlet로 구현한다. Controller는 여러 개의 Model 클래스 파일과 여러 개의 View들 중에서 적절하게 선택하여 실행시키는 핵심 역할을 담당한다. 예를 들어, 요청 다음에 보여줄 화면을 선택하는 작업이 거나 또는 사용자가 입력한 데이터를 검증하거나 출력하는 작업 등이다.

[WEB] 웹 기반 프로그래밍 - 정적 웹프로그래밍과 동적 웹프로그래밍

사랑짱 — Sat, 19 Jun 2021 08:55:04 +0900

앞서 웹 기반 프로그램이 어떻게 자리잡게 되었는지 알아보았다.

이번에는 웹 기반 프로그램이 어떻게 발전하였는지,

그리고 지금은 어떻게 웹 프로그래밍이 이루어지는지 알아보자!

◆ 정적 웹 프로그래밍(Static)이란?

- 웹 서버(Apache)에 미리 보여줄 HTML 페이지, CSS, 이미지, 자바스크립트 파일을

저장해 놓고 브라우저에서 요청할 경우 그대로 전달하는 방식

- 사용자는 페이지가 변경되지 않는 한 고정된 웹페이지를 볼 수 있으며

주로 디자인을 구성하거나 클라이언트의 이벤트를 처리

<문제점>

정적 웹프로그래밍에서는 관리자가 수작업으로 HTML코드를 업데이트하기 때문에

아래와 같은 문제가 발생한다.

1. 사용자에게 디자인 같은 고정된 정보만 제공가능
2. 정보 수정 시 관리자가 직접 HTML소스를 수정
3. 실시간 정보 제공받는 데 한계가 발생

◆ 동적 웹 프로그래밍(Dynamic)이란?

- 정적 웹 프로그래밍의 단점을 보완한 방식으로

관리자의 역할을 웹 애플리케이션 서버(Web Application Server, WAS)가 수행

- 클라이언트의 요청이 있을 때 데이터베이스로부터 실시간 정보를 얻어 클라이언트에게 전송

- 처음에 동적인 방식으로 프로그램을 제공하는 기능은 CGI이며 펄(Perl)이 대표적인 CGI언어임

( CGI언어: Common Gate Interface,공용 게이트웨이 인터페이스 )

<CGI방식의 문제점>

동적 웹 프로그래밍은 CGI방식이자 프로세스 방식으로 실행된다.

프로세스 방식으로 실행되면,

클라이언트가 호출할 때마다 특정기능이 새로운 메모리에 올라오게 된다.

이로 인해 아래와 같은 문제가 발생한다.

1. 같은 기능을 수행하더라도 각 경우에 대해서 처음부터 메모리에 로드하여 수행해야 한다.
2. 초기 인터넷 환경에선 사용자 수와 수행할 기능이 적으므로 실행문제를 발생시키지 않지만
사용자 수가 급격히 늘고 기능이 복잡해지면서 이런 방식으로 서비스 수행 시 메모리 과부하가 발생한다.

위와 같은 CGI 방식을 개선하기 위해 나온 기술이
JSP, ASP, PHP와 같은 서버사이드 스크립트 언어이다.

◆ JSP

- 기본적으로 Thread 방식

- 클라이언트의 요구를 처리하는 기능은 최초 한번만 메모리에 로드

- 새로운 클라이언트가 기존의 클라이언트들과 동일한 기능을 요구한다면 재사용

JAVA 10. 인터페이스

사랑짱 — Thu, 17 Jun 2021 20:14:29 +0900

◆ 인터페이스란?

- 개발자의 코드와 객체가 통신하는 접점

- 객체 사용 설명서 (여러 객체가 사용가능)

출처 : 이것이 자바다

◆ 인터페이스의 구성멤버

- 인터페이스의 모든 멤버는 public 이다!!!

1. static fiinal 상수

- 선언과 동시에 초기값 지정 (static initializer 작성 불가!)

- 선언된 필드는 모두 'public static final'로 컴파일

(하지만 컴파일러가 대신 넣어준다고 해서 생략하지 않도록 하자!!)

2. 추상메소드(★규격★)

- 실행블록(구현부)이 없는 메소드

- 모든 추상메소드는 'public abstract'로 컴파일

- 추상메소드는 규격이자 자식타입(구현 클래스)에서

반드시 재정의해야하는 강제성을 부여하는 수단

3. 디폴트메소드

- 모든 구현 객체가 가지고 있는 기본 메소드 사용

- 구현 객체가 인터페이스에 대입되어야 호출할 수 있는 인스턴스 메소드 (-> 자식타입의 객체 소속)

- 모든 디폴트메소드는 'public default' 키워드를 반드시 붙여야 한다!!

(public 은 생략되도 컴파일 과정에서 자동 생성)

- 기능의 확장을 위해 자바 8부터 추가

※ 기능 확장을 하려면 모든 구현클래스에 새롭게 정의된 추상메소드를 모두 구현해야한다.

때문에 구현클래스를 건드리지 않고도 기능을 확장하기 위해 인터페이스의 멤버로 추가!!!

But, 디폴트 메소드가 오버라이딩 되어있는 경우, 인터페이스에 있는 디폴트메소드가 수정되었을 때

컴파일 오류가 발생하기 때문에 인터페이스다운 기능이 아니라고 볼 수 있다!!!

현업에서는 지양!!

4. 정적 메소드

- 모든 객체가 공유하는 메소드

- 인터페이스로 바로 호출 가능(정적메소드 -> 인터페이스의 클래쯔객체 소속)

- 강제성을 구현하지 않고, 구현클래스에서 필요에 따라 사용가능한 기능을 확장

- 모든 정적 메소드는 'public static' 키워드를 가짐.

인터페이스의 구성멤버에 대한 코드는 아래를 참고하면 된다!

◆ 인터페이스의 사용목적

- 구현 객체의 같은 동작을 보장하기 위함(추상메소드를 통한 규격화)

- 개발코드가 객체에 종속되지 않도록 하여 객체를 교체할 수 있도록 하기 위함

- 개발 코드 변경 없이 어떤 객체가 사용하느냐에 따라 리턴값 또는 실행 내용이 다양 (다형성)

◆ 구현 객체와 구현 클래스

- 구현 객체 : 인터페이스의 추상메소드에 대한 실체 메소드를 가진 객체

- 구현 클래스 : 구현 객체를 생성하는 클래스

※ 인터페이스의 일부만 재정의하는 경우 추상클래스로 선언

◆ 인터페이스의 다중상속

인터페이스는 추상클래스와 달리 다중상속이 가능하다!!

방법1.

여러 인터페이스를 상속받는 인터페이스를 implement 하여 여러 인터페이스의 추상메소드를 구현

(인터페이스 간 상속에 대해서는 extends 키워드를 사용한다!!)

방법2.

각각의 인터페이스를 implements 받아여러 인터페이스의 추상메소드를 구현

[WEB] 웹 기반 프로그래밍의 발전과정

사랑짱 — Thu, 17 Jun 2021 17:53:20 +0900

현재 대부분은 웹 프로그램을 기반으로 이루어져있다.

그렇다면 웹 기반 프로그래밍이 생겨나기까지 어떠한 과정이 있었으며

각 과정에 따른 문제점과 그 문제를 어떻게 보완해 나갔는지 알아보자.

step1. 사용자 PC 기반 프로그램

- 프로그램을 이용할 때 사용자가 컴퓨터를 직접 이용하여 소프트웨어가 동작

우리가 예전에 게임CD를 돈 주고 구매하여 게임했던 경험을 떠올려보자.

그 CD에 담긴 프로그램이 클라이언트 PC 기반 프로그램의 예가 된다.

게임 프로그램은 클라이언트 PC에서 실행하면서 모든 기능을 수행한다.

하지만 업데이트에 한계가 있다는 단점이 있다.

<문제점>

1. 프로그램이 변경될 때마다 다시 설치(변화에 대한 실시간 반영이 어려움)
2. 데이터베이스 접속 정보가 쉽게 노출될 수 있어 보안에 취약

step2. CS (클라이언트/ 서버) 기반 프로그램

- CS 기반 프로그램은 네트워크/인터넷을 이용하여 서버와 통신을 주고 받으며

서버에 있는 자원이 클라이언트 프로그램의 모든 기능을 수시로 업데이트한다.

(1) 클라이언트 프로그램(like 본사) : 데이터를 요청하는 프로그램

(2) 서버 프로그램(like 생산지, 지점) : 데이터가 만들어지고 관리/제공되는 프로그램

클라이언트 PC 기반 프로그램에 비해 기능적인 업데이트가 보완되었으나

사용자에 관련된 화면 기능이 바뀌면 클라이언트 프로그램도 수정하여

다시 설치해야 하는 단점이 여전히 존재한다.

<문제점>

1. 클라이언트/서버 프로그램 간 동기화로 인한 문제
-> 사용자에 관련된 화면 기능은 서버에서 처리할 수 없는 한계가 존재
-> 이에 따라 설치-재설치를 반복해야하므로 다른 프로그램에 대한 영향 & 재배포에 대한 부담이 존재

2. 데이터 전송 구현에 대한 문제
-> 클라이언트 프로그램의 데이터 요청에 따라 소켓, RPC 등을 이용해
직접 포멧팅, 전달, 유효성 검사 등을 진행하였으나, 여전히 업무적인 불편함이 발생

step3. 웹 기반 프로그램

- 웹기반 프로그램은 화면과 데이터 처리 모두 서버에서 수행하며

데이터가 아닌 문서를 전달하는 웹을 사용한다.

(1) 웹 클라이언트 : 브라우저를 통해 요청을 입력

(2) 웹 서버 : 요청에 대한 응답을 page 형태로 제공

기술과 컴퓨터 성능의 발전으로 서버의 성능도 비약적으로 발전하게 되었다.

이에 따라 이제 웹 기반 프로그램은 화면과 데이터 처리 모두가 서버에서 처리 가능하다.

<웹 기반 프로그램의 특징>

1. 화면과 로직(기능)을 서버에서 처리하므로 클라이언트가 특별히 수행할 작업이 없다.
2. 모든 기능이 서버에서 처리되므로 보안 면에서 우수하다.

위와 같은 과정을 통하여 지금의 웹 기반 프로그램이 자리잡게 되었다.

다음에는 웹 기반 프로그래밍에 대해 더 자세히 알아봐야겠다.

JAVA 9. 추상클래스(Abstract Class)

사랑짱 — Wed, 16 Jun 2021 18:17:24 +0900

◆ 추상(Abstract)이란?

- 실체들 간에 공통되는 특성을 추출하는 것(like 개요, 핵심)

( Ex. 새, 물고기, 호랑이 --> 동물(추상) )

◆ 추상클래스(Abstract Class)란?

- 객체(실체클래스)들의 공통되는 필드와 메소드를 정의한 클래스 -> 실체클래스의 부모 역할

- 추상 메소드가 하나 이상 포함되거나 abstract로 정의된 클래스

(추상메소드 없이 abstract로 정의된 경우, 상속만을 위해 만든 추상클래스이다!!)

- 인스턴스 생성이 불가(But, 자식 객체가 생성될 때 super( ) 키워드를 통해 부모객체도 함께 생성)

※ 실체클래스(concrete class) : 객체를 직접 생성할 수 있는 클래스

◆ 추상클래스의 구성멤버

클래스의 구성멤버와 동일(필드, 생성자, 메소드)하나, 추상메소드가 포함된다.

※ 추상메소드란?

- 하위클래스가 반드시 실행내용을 채워야 하는 메소드

- 메소드 선언만 통일하고 실행내용(구현부)는 객체마다 다른 메소드

- 추상메소드는 접근제한자가 생략되어도 public 접근제한자를 갖는다!!

◆ 추상클래스의 사용목적

- 실체 클래스들의 공통된 필드와 메소드의 이름을 통일/규격화(강제성 有)

(추상 메소드를 구현하지 않으면 자식클래스 또한 추상클래스가 되니까!)

- 실체 클래스를 작성할 때 소요되는 시간을 절약

- 상속받은 기능을 확장하여 “구체화” -> 다형성

◆ 추상메소드와 오버라이딩

메소드 이름이 동일하지만, 실행 내용이 실체 클래스마다 다른 경우

추상메소드를 상속받아 오버라이딩을 한다. 이것이 추상클래스의 사용목적(다형성)이다!

※ 추상메소드 구현 방법

1. 상속받은 추상클래스의 추상메소드를 상속

2. 추상메소드의 구현부(메소드의 실행 내용)를 작성하여 Overrideing

JAVA

사랑짱 — Tue, 15 Jun 2021 12:22:16 +0900

JAVA

사랑짱 — Mon, 14 Jun 2021 09:30:50 +0900

JAVA 8. 상속과 다형성

사랑짱 — Sat, 12 Jun 2021 01:43:27 +0900

◆ 상속이란?

* 현실 세계에서의 의미

- 부모가 자식에게 물려주는 행위

- 부모가 자식을 선책하여 물려줌

* 객체지향 프로그램에서의 의미

- 자식 클래스(하위, 파생)가 부모 클래스(상위)의 멤버를 물려 받는 것

- 자식이 부모를 선택하여 물려받음

- 상속 대상 : 부모의 인스턴스 필드와 인스턴스 메소드

(정적멤버는 클래스 소속이기 때문에 상속의 개념에 소속되지 않음!)

※ extends : 자식클래스가 상속할 부모클래스를 지정하는 키워드

◆ 상속의 특징

- 상속의 대상 : 부모클래스의 인스턴스 멤버(static은 클래스 객체 소속이므로 상속 X)

- 자바는 하나의 부모클래스만 상속 가능(단일상속)

- 부모클래스의 private 접근 갖는 필드와 메소드 제외

◆ 상속의 효과

- 같은 종류의 객체들의 규격을 명시하는 효과

- 부모클래스를 재 사용하여 시간 절약

- 반복된 코드 중복 제거

- 유지보수 편리성

◆ 부모 생성자 호출 super(...)

- 생성자 내 첫줄에 super( ) 키워드를 통해 부모 생성자가 호출/생성

- 자식 객체를 생성할 때는 부모 객체부터 생성 후 자식 객체가 생성

- 컴파일러가 자동적으로 super()키워드는 넣지만 명시적으로 넣어주는 것이 안정성이 있다.

(특히, 매개변수가 있는 부모 생성자를 사용하는 경우 super키워드로 값을 명시적으로 작성해야한다!)

◆ 메소드 재정의(Override)

- 부모 클래스에서 상속받은 메소드를 수정하여 자식 클래스에서 재정의하는 것

- 재정의된 자식클래스의 메소드가 실행됨으로써 부모 메소드는 숨겨지는 효과 발생

- @Override 어노테이션 사용을 통해 컴파일러 검사를 실시

※ Override의 조건

- 부모클래스의 메소드와 동일한 시그니처를 가져야 한다.

- 접근제한을 더 강하게 변경할 수 없다.

- 새로운 예외처리는 불가하다.

◆ 부모 메소드 사용 super(...)

- 자식클래스에서 수정되기 이전의 부모 메소드 호출하려면 super( ) 사용

super.부모메소드( ) : 여기서 super( )의 의미는 부모 객체를 참조한다는 의미

◆ final 클래스와 final 메소드

- final 필드 : 수정 불가 필드

- final 클래스 : 상속 불가한 클래스

- final 메소드 : 자식이 재정의할 수 없는 메소드

※ final 키워드가 붙으면 마지막이라는 뜻!!!

◆ 상속과 다형성

- 다형성이란? 같은 타입이지만 실행 결과가 다양한 객체 대입 가능한 성질을 의미

- 상속에서의 다형성 : 타입변환을 통해 / Override를 통해 가능 ★★★★★

결과적으로 OOP에서의 다형성 구현을 위해서는 상속이 전제되어야 한다!!!

1. 자동타입변환(Promotion)

- 프로그램 실행 도중에 자동 타입 변환이 일어나는 것 => Promotion

- 부모타입변수에 자식객체를 대입하면 자동타입 변환(Promotion)이 발생

(타입 간 상속 계층의 상위면 자동타입 변환도 가능)

※ 이때, 부모클래스 안에 자식타입이 포함되어 숨기 때문에

겉으로 보이는 부모클래스에 선언된 필드와 메소드만 사용가능하다!

(예외 : 자식타입에서 재정의된 메소드는 호출 가능하다!!)

2. 강제타입변환(Casting)

- 큰 타입을 작은 타입으로 강제로 변환하는 것 => Casting

- 조건 : 자식타입이 부모 타입으로 자동 변환되어 있는 경우!!!

- 용도 : 부모타입에 선언된 필드와 메소드만 필요할 때

자식 타입에 선언된 필드와 메소드가 필요할 때

다시 말해, 부모타입으로 형변환되어있는 자식 타입으로 다시 강제 형변환하는 것!

※ 객체타입 확인 (instanceof)

- 강제 타입 변환 하기 전, 해당 자식 타입이 맞는지 확인하기 위해서 사용

[JAVA] 자바 예제 - 다차원 배열로 피라미드 모양 출력하기

사랑짱 — Thu, 10 Jun 2021 17:34:50 +0900

<문제>

다차원 배열을 값의 목록으로 생성하고, 아래와 같이 출력하는 프로그램을 작성하시오.

(Tip. 피라미드 모양의 문자열 템플릿을 먼저 만들어보면 어떨까?)

문제 해결 포인트

피라미드의 각 층을 하나의 배열 형태 요소로 본다면 다차원 배열을 생성해야 한다.

총 6개의 1차원 배열이 있으며 각 배열의 길이는 모두 다르다.

이러한 배열을 생성하는 식을 작성하면 다음과 같다.

---> int[ ][ ] arr = new int [6][ ];

하지만 이 문제에서는 배열의 요소 값과 순서를 알고 있으므로

값 목록으로 배열의 요소 값을 입력해주도록 한다.

이제 피라미드 모양의 템플릿을 출력하기 위한 메소드를 만들어야 한다.

이때, 메소드를 통해 입력받은 배열의 요소 값들은 피라미드에 대입되어야 한다.

그러기 위해서 피라미드 형태의 문자열 템플릿을 구현한 뒤,

각 요소값들로 교환하는 방법을 사용하려고 한다.

위 내용을 바탕으로 문제를 풀어보자!

문제 해결 과정

Step1. 피라미드 모양의 템플릿을 출력하기 위한 메소드의 시그니처를 정한다.

1-1. 메소드 이름 : pyramidPrint

1-2. 리턴타입 : 피라미드 모양의 템플릿이 문자열로 반환되므로 String

1-3. 매개변수 : 2차원 배열

Step2. 피라미드 모양의 템플릿을 반환하는 문자열 변수를 정의한다.

2-1. 문자열의 결합을 위해 StringBuffer를 생성한다.

2-2. StringBuffer에서 문자열을 결합해주는 append메소드를 호출한다.

2-3. 피라미드 형태가 출력되도록 한줄씩 입력하여 결합한다.

2-4. 이때 String.format을 통해 피라미드의 형태를 만들어 치환할 문자열 t를 입력한다.

2-5. toString 메소드를 통해 결합된 객체를 생성하여 변수에 대입한다.

Step3. for문을 통해 2번에서 정의한 문자열 변수 pyramid에서 replaceFirst 메소드를

사용하여 배열의 요소값으로 치환한다.

3-1. valueOf( )메소드를 통해 배열의 요소값을 String타입으로 변환한다.

(replaceFirst 메소드는 문자열을 매개변수로 받기 때문에)

3-2. replaceFirst 메소드를 통해 문자열 변수 t를 매개변수로 받은 배열의 요소값으로 치환한다.

Step4. pyramidPrint 메소드는 배열의 요소값으로 대체된 문자열 변수 pyramid를 리턴한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

public class Pyramid {
 
    
    public String pyramidPrint(int[][] arr) {
        
        String t = "temp";    
        
        String pyramid = new StringBuffer()            // 피라미드패턴 출력변수
                .append(String.format("%10s", t) + '\n')
                .append(String.format("%9s %s", t, t) + '\n')
                .append(String.format("%8s %s %s", t, t, t) + '\n')
                .append(String.format("%7s %s %s %s", t, t, t, t) + '\n')
                .append(String.format("%6s %s %s %s" , t, t, t, t) + '\n')
                .append(String.format("%5s %s %s %s %s", t, t, t, t, t) + '\n')
                .toString();
 
        for(int[] i : arr) {
            
            for(int j : i) {
                String s = String.valueOf(j);            //문자열타입으로 변환
                pyramid = pyramid.replaceFirst(t, s);    //배열요소 값으로 치환            
            } //inner for
            
        } //outer for
        
        return pyramid;
        
    }    //pyramidPrint
 
}    //end class
Colored by Color Scripter

cs

Step5. 실행클래스에서 arr 배열을 선언하고 값 목록으로 요소 값을 입력한다.

Step6. 배열의 요소값을 피라미드 형태로 출력해주는 pyramidPrint메소드를 호출한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

public class PyramidTest {
 
        
    public static void main(String[] args) {
        int[][] arr = {{1},
                       {2, 3},
                       {4, 5, 6},
                       {7, 8, 9, 10},
                       {11, 12, 13, 14},
                       {15, 16, 17, 18,19}};     // 값목록으로 배열 요소 값 입력 받기
        
        Pyramid pyramid = new Pyramid();
        System.out.println(pyramid.pyramidPrint(arr));     // pyramidPrint메소드로 
                                                          // 요소들을 피라미드 모양으로 출력하기
        
    }    //main
    
}    //end class
Colored by Color Scripter

cs

JAVA 7-3. 참조타입 : 열거타입

사랑짱 — Thu, 10 Jun 2021 17:14:17 +0900

◆ 열거타입(Enumeration Type)이란?

- 한정된 값인 열거 상수 중에서 하나의 상수를 저장하는 타입

- 몇 가지로 제한된 상수를 가지는 타입 (Ex. Week 등)

※ 열거 상수란?

- 열거 상수를 선언하면 열거 상수 자체가 객체로 생성된다!!

- 열거 타입 선언 때 주어지는 한정된 값, 즉 상수로 <타입. 상수> 형태로 사용

Ex. Week 열거 타입의 상수 MONDAY는 Week.MONDAY로 사용

- 열거 상수는 모두 대문자로 작성

열거타입의 예

◆ 열거타입 선언

- public enum 키워드는 열거 타입을 선언하기 위한 키워드(소문자로 작성)

- 열거 타입 이름은 소스파일 이름과 대소문자가 모두 일치해야 한다.

- 열거 타입의 이름 선정하고 해당 이름으로 소스 파일(.java)을 생성

(이때, 열거 타입의 이름은 관계적으로 첫 글자는 대문자, 나머지는 소문자)

◆ 열거타입 변수

- 열거 타입도 하나의 타입이므로 변수를 선언하고 사용해야 한다.

- 열거 타입은 null 값을 저장할 수 있다. (왜? 참조 타입이니까!)

열거타입 변수; // 열거타입 변수 선언
열거타입 변수 = 열거타입.열거상수; //열거 상수 저장

◆ 열거타입의 객체 "열거상수"

열거 상수는 힙영역에 열거 객체로 생성되며

메소드 영역에 생성된 열거 상수 주소값을 통해 해당 열거 객체를 각각 참조할 수 있다.

열거 상수를 제외한 열거 타입의 변수는 스택 영역에 생성된다.

그렇다면 열거 타입의 변수는 어떻게 객체가 생성될까?

열거 타입의 변수는 스택 영역에 생성되기 때문에 열거 상수의 객체를 참조하게 된다.

<참고> 열거상수가 객체라면 객체생성은 어떻게 이루어지는걸까?

열거상수는 열거타입의 생성자를 호출한다.
다시 말해, 각각의 열거상수가 매개변수 없는 기본생성자를 호출하여 열거상수가 객체화되는 것이다.

(+) 필드랑 메소드 선언도 가능한가?
- Yes!!! 열거상수 역시 필드와 메소드를 가질 수 있다.
그 필드와 메소드는 각 열거상수가 생성될 때 생성되기 때문에 열거상수에 소속된 필드와 메소드가 된다.

But, 열거상수에 필드와 메소드를 넣어사용하는 경우는 흔치 않다는 것!!
객체의 특성을 가지고 있다는 것만 기억하자!

[JAVA] 자바 예제 - 12지신 최단 거리 구하기(Pathfinding)

사랑짱 — Wed, 9 Jun 2021 20:16:48 +0900

<문제>

배열안에, 12지신을 의미하는 문자들이 들어 있을 때 최단거리를 찾는 프로그램을 작성하시오.

12지신 배열 : "자/축/인/묘/진/사/오/미/신/유/술/해"

(12개의 문자를 찾아가는 경로는 '순방향'과 '역방향'이 모두 가능하다!)

문제 해결 포인트

두 문자의 최단거리를 찾아야 하는데, 그 경로는 순방향일 수도, 역방향일 수도 있다.

배열에는 총 12개의 요소가 있으므로 두 문자의 순방향 거리와 역방향 거리를 중

6이하('2/전체거리')인 거리가 최단 거리가 된다.

이러한 전제조건을 활용하여 문제를 풀어보자.

문제 해결 과정

Step 1. char 타입의 배열에 값목록으로 12지신 요소를 입력하여 배열을 생성한다.

Step 2. Scanner를 통해 두개의 문자(시작지점, 도착지점)를 입력받는다.

2-1. Scanner는 char타입의 문자를 받을 수 없으므로 charAt( )메소드를 이용한다.

Step 3. for문을 통해 입력받은 지점의 인덱스를 구한다.

3-1. 조건문을 통해 시작인덱스, 도착인덱스에 값을 대입한다.

3-2. 이때, 두 개의 지점이 같은 곳일 수도 있으므로 if문-if문을 사용한다.

Step 4. 두개의 문자 사이의 최단 거리를 구한다.

4-1. 인덱스1과 인덱스2의 크기를 비교한다.

4-2. 인덱스1 < 인덱스2인 경우 : distance = index2 - index1 (순방향->)

- 순방향 거리가 전체거리/2보다 작으면 최단거리, 크면 역방향거리가 최단거리

4-3. 인덱스1 > 인덱스2인 경우 : distance = index1 - index2(역방향<-)

- 역방향 거리가 전체거리/2보다 작으면 최단거리, 크면 순방향거리가 최단거리

4-4. 인덱스1 = 인덱스2인 경우 : distance =0

Step 5. Step4 내용을 기반으로 최단거리를 출력한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

import java.util.Scanner;
import lombok.extern.log4j.Log4j;
 
 
@Log4j
public class Pathfinding {
 
    
    public static void main(String[] args) {            
        Scanner sc = new Scanner(System.in);
 
        //값 목록으로 배열 생성
        char[] gods = {'자', '축', '인', '묘', '진', '사', '오', '미', '신', '유', '술', '해'};    
 
        char god1 = sc.next().charAt(0);    //시작지점
        char god2 = sc.next().charAt(0);    //도착지점
 
        sc.close();
        
        int distance;                        //시작-도착지점 거리    
        int index1 = 0;                        //시작인덱스
        int index2 = 0;                        //도착인덱스
        
        for(int i = 0; i < gods.length; i++) {
            if(gods[i] == god1) {            //시작지점 인덱스
                index1 = i;
            } 
            if(gods[i] == god2) {             //도착지점 인덱스
                index2 = i;
            } //if-else
                
        } //for
        
        
        //전제조건 : 거리가 전체거리/2보다 작으면 최단거리가 된다.
        if(index1 < index2) {                        
            distance = index2 - index1;                //거리 - 순방향
            
            if(distance < gods.length/2) {
                log.info("순방향입니다.");
                log.info("최단거리는 : " + distance);    
 
            } else if(distance > gods.length/2){
                distance = gods.length - distance;
 
                log.info("역방향입니다.");
                log.info("최단거리는 : " + distance);
 
            } else {
                log.info("순방향과 역방향이 같습니다.");
                log.info("최단거리는 : " + distance);
 
            } //if-else
            
        } else if(index1 > index2) {
            distance = index1 - index2;                //거리 - 역방향
            
            if(distance < gods.length/2) {
                log.info("역방향입니다.");
                log.info("최단거리는 : " + distance);
 
            } else if(distance > gods.length/2){
                distance = gods.length - distance;
 
                log.info("순방향입니다.");
                log.info("최단거리는 : " + distance);
 
            } else {
                log.info("순방향과 역방향이 같습니다.");
                log.info("최단거리는 : " + distance);
 
            } //if-else
            
        } else {
            log.info("제자리입니다.");
            
        } // if-else
        
    }    //main
 
}    //end class
Colored by Color Scripter

cs

[JAVA] 자바 예제 - 배열의 요소 합 구하기(enhanced for문 사용)

사랑짱 — Wed, 9 Jun 2021 16:44:05 +0900

<문제>

배열의 길이와 요소값을 입력받아 배열의 요소 합을 구하는 프로그램을 작성하시오.

문제 해결 포인트

enhanced for문을 사용하여 배열 요소의 합을 구해보자.

이때, 코드를 작성할 때 자료구조와 핵심로직은 분리하여 작성하는 것이 중요함을 기억하자!

(배열이 완성되지 않은 상태에서 활용하는 것은 불안정함!!)

문제 해결 과정

Step1. Scanner를 통해 배열의 크기를 입력받아 배열을 정의한다.

Step2. for문을 이용하여 배열의 요소값을 입력받는다.

Step3. enhanced for문을 이용하여 배열의 요소 값을 누적하여 더한다.

Step4. 누적하여 더해진 합을 출력한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

import java.util.Scanner;
import lombok.extern.log4j.Log4j;
 
 
public class ArraySum {
    
    
    public static void main(String[] args) {        
        Scanner sc = new Scanner(System.in);            
        
        int n =sc.nextInt();
        int[] arr = new int[n];            
            
        int sum = 0;                                
 
        for(int i = 0; i < arr.length; i++) {    //배열의 요소값 입력받기
            arr[i] = sc.nextInt();
        }    //classical for
        
        for(int element : arr) {        //배열 요소값들의 합 구하기    
            sum += element;                            
        } //enhanced for
        
        sc.close();    
        
        System.out.println(sum);                                       
                                        
    } //main
 
} //end class
Colored by Color Scripter

cs

[JAVA] 자바 예제 - 랜덤 숫자 생성하기 (Math.random( )함수 이용)

사랑짱 — Tue, 8 Jun 2021 23:29:56 +0900

<문제>

min <= x < max 범위 내에서 랜덤 숫자를 반환하는 프로그램을 작성하시오.

문제 해결 포인트

Math 클래스에 있는 Math.random( ) 메소드를 활용하여 공식을 만들어보자.

(Math.random( ) 메소드를 실행하면 0.0이상 1.0 미만 범위의 실수값 하나가 무작위로 리턴된다.)

문제 해결 과정

Step1. Math.random( ) 메소드의 범위가 0.0이상 1.0 미만이므로 원하는 범위만큼 숫자를 곱해준다.

(Ex) 주사위는 1 ~ 6의 범위로 6을 곱해준다. ( 범위 : 0.0 * 6 <= x < 1.0*6 )

Step2. 랜덤 숫자의 최소값(시작점)만큼 더해준다.

(Ex) 주사위는 1부터 숫자가 시작하므로 1을 더해준다. ( 범위 : 0.0 * 6 +1 <= x < 1.0*6 +1 )

Step3. Math.random( ) 메소드는 실수의 값을 리턴하므로 int타입으로

Casting하여 소수점 단위를 절삭시킨 뒤 반환하여 대입한다.

(Ex) int number = (int) (Math.random( ) * 6 +1)

이와 같은 과정을 식으로 표현하면 다음과 같다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

public class RandomExample {
 
    
    public static void main(String[] args) {
        int min = 5;    // 최소값
        int max = 45;    // 최대값
        
        int randomNumber = (int) (Math.random() * (max - min) + min);
        
        System.out.println(randomNumber);
        
    }    //main
    
}    //class
Colored by Color Scripter

cs

JAVA 7-2. 참조 타입 : 커맨드 라인 입력 (String[] args 용도)

사랑짱 — Tue, 8 Jun 2021 10:55:43 +0900

◆ Command Line 입력이란?

자바 프로그램을 실행할 때 커맨드 라인(args[ ] 배열)에 인수를 넣어주는 것을 의미한다.

프로그램이 작동 시 다양한 값을 넣어 어떻게 반응하는지 테스트 할 때 편리하게 사용된다.

※ 프로그램이 실행되면 JVM은 길이가 0인 String 배열을 먼저 생성하고

main( ) 메소드를 호출할 때 매개값(인자)으로 전달한다.

※ main( )메소드가 실행되면 args배열은 무조건 생성되기 때문에

외부값을 전달하지 않아도 비어있는 배열로 생성되며,

NullPointException이 발생하지 않는다!!!

(만약 예외가 발생하면 모든 실행클래스가 실행되지 않고 에러가 날 것!!)

◆ Command Line 입력하려면?

커맨드 라인 입력하는 과정은 다음과 같다.

1) 상단 [Run]메뉴 - [Run Configurations]로 들어간다.

2) main탭에서 해당 소스 파일의 위치와 class 이름을 확인한다.

3) Arguments탭에서 Program arguments에 원하는 커맨드 라인을 입력한다.

4) 출력문을 작성하여 이클립스 콘솔 창에서 테스트 결과를 확인할 수 있다.

◆ String[] args의 용도

String[] args를 통해 커맨드 라인에서 입력된 데이터의 수(배열의 길이),

입력된 데이터(배열의 항목 값)을 알 수 있다.

◆ 가변인자

- 메소드 선언 시 매개 변수가 0개 이상의 전달인자를 받아야하는 경우 선언할 수 있다.

(다시 말해, 매개 변수의 개수가 정해지지 않은 경우 사용한다.)

- 가변인자는 배열과 동일하지만 배열의 형태가 없어도 전달된다.

(가변인자에 값을 넣을 때에는 쉼표를 찍고 나열만 하면 된다!)

- 가변인자는 값을 주지 않으면 비어있는 배열이 생성된다.

따라서, 배열의 개수가 0개여도 NullPointException 발생하지 않는다.

※ 메소드 안에 있는 가변인자 안에서 처리되며, 가변인자는 항상 매개 변수의 마지막에 와야한다.

(왜? 가변인자는 무한으로 받을 수 있기 때문에 어디가 끝인지 모를 수 있기 때문이다.)

[JAVA] 자바 예제 - 자판기 거스름돈 산출하기

사랑짱 — Mon, 7 Jun 2021 15:44:57 +0900

<문제>

조건 1. 물건 값 => 정수만 허용 (예: int price = 1580; )
조건 2. 지급한 현금 => 정수만 허용 (예: int pay = 3900; )
조건 3. 사용가능한 동전 => 500원/100원/50원/10원

위 조건 하에, 물건의 가격과 지불한 현금은 임의대로 주어졌을때

거스름돈을, 동전의 종류별로 몇개씩 주어야 하는지 산출하세요.

문제 해결 포인트

/(divide operator), %(modular operator) 연산자를 이용하여 동전의 개수를 구한다.

이때, 금액이 큰 금액부터 순차적으로 계산한다.

문제 해결 과정

Step 1. 변수를 선언한다(물건의 가격, 지불액, 거스름돈).

Step 2. 물건의 가격과 지불액을 입력받는다.

Step 3. 거스름돈을 "지불액 - 물건의 가격"으로 초기화한다.

3-1. 입력 조건 추가 : 입력받을 지불액과 물건의 가격은 0보다 커야 한다.

3-2. 입력 조건 추가 : 지불액은 물건의 가격보다 커야 한다.

Step 4. 동전의 개수를 대입할 coinList 배열을 생성한다.

4-1. 배열 요소의 값을 알고 있으므로 값 목록(500, 100, 50, 10)으로 생성한다.

4-2. 이때, 동전의 금액이 큰 순서대로 값 목록을 입력한다.

Step 5. 동전의 개수를 입력받을 coin변수를 정의한다.

Step 6. 향상된 for문을 이용하여 동전의 개수를 구한다.

6-1. 거스름 돈에서 coinList의 요소값을 순차적으로 /(나누기)하여 동전의 개수를 구한다.

6-2. 6-1에서 구한 동전을 뺀 금액을 %(나머지) 연산자를 통해 거스름돈에 대입한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

import java.util.Scanner;
 
 
public class Charge {
    
    
    public static void main(String[] args) {        
        Scanner stdIn = new Scanner(System.in);
        
        int price;    //물건의 가격
        int pay;    //지불액
        int charge; //거스름돈
        
        do {
            System.out.print("물건의 가격 : ");
            price = stdIn.nextInt();
            
            System.out.print("지불액 : ");
            pay = stdIn.nextInt();
            
            charge = pay - price;
            
        } while(price <= 0 || pay <= 0 || charge < 0);    //do-while
        stdIn.close();
        
        int[] coinList = {500, 100, 50, 10};
        int coin = 0;
        
        System.out.println("--------------동전의 개수-----------------");
        System.out.println("거스름돈 : " + charge + "원");
        
        for(int arr : coinList) {
            coin = charge / arr;
            charge = charge % arr;
            System.out.println(arr + "원 동전의 개수 :  " + coin + "개");
        }    //enhanced for <-> classic for
        
    }    //main        
    
}    //class
Colored by Color Scripter

cs

JAVA. 백준 알고리즘 단계별 문제 8단계(문제 번호 1712 : 손익분기점)

사랑짱 — Mon, 7 Jun 2021 08:07:23 +0900

(문제 1712)

A, B, C가 주어졌을 때, 손익분기점을 구하는 프로그램을 작성하시오.

* 손익분기점이란?
- 지불되어야 하는 모든 비용이 지불된 상태이고 특별한 이익이나 손실이 없는 경우

문제 해결 포인트

먼저, 문제에서 제시된 개념들을 정리하면 고정비용 A, 가변비용 B, 판매수입 C이다.

손익분기점이란 이익이 발생하는 시점을 의미하는데 그 시점을 식으로 표현하면 다음과 같다.

손익분기점 : A + B * n < C * n (n : 컴퓨터 생산수량)

여기서 손익분기점이 제로인 상태를 구하면,

A + B * n = C * n
A = n(C-B)
n = A / (C-B)

결국 n은 컴퓨터 생산 수량이므로 +1을 해주면 손익분기점이된다.

또 한가지 고려해야할 점은,

위 식을 해석하면 가변비용 B가 판매수입 C보다 작다면 손익분기점은 발생할 수 없다.

따라서, B가 C보다 클 때 손익분기점을 계산하도록 프로그램을 작성해야 한다.

문제 해결 과정

1. 고정비용(A), 가변비용(B), 판매수입(C)을 입력받는다.

(이때, A, B, C는 21억 이하의 자연수이므로 int타입으로 선언한다.)

1-1. BufferedReader를 선언한다.

1-2. BufferedReader는 엔터를 기준으로 입력을 받으므로 StringTokenizer를 통해

공백을 기준으로 나눠주도록 한다.

1-3. 공백을 기준으로 나눈 값을 변수 A, B, C에 대입한다.

2. 조건문을 통해 값을 출력한다.

2-1. if문 - 손익분기점이 없는 경우(B >= C), '-1'이 출력되도록 한다.

2-2. else문 - 위 내용을 바탕으로 손익분기점을 출력한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.StringTokenizer;
 
 
public class No01 {
 
    
    public static void main(String[] args) throws IOException {
        BufferedReader br = new BufferedReader (new InputStreamReader(System.in));
        
        StringTokenizer st = new StringTokenizer(br.readLine());
        
        int A = Integer.parseInt(st.nextToken());    //고정비용
        int B = Integer.parseInt(st.nextToken());    //가변비용
        int C = Integer.parseInt(st.nextToken());    //판매수입
                
        if(B >= C) {
            System.out.println("-1");
        } else {
            System.out.println((A/(C-B))+1);
        }    //if-else
        
    }    //main
    
}    //End class
 
Colored by Color Scripter

cs

랑쓰노트

[Vue] Vue 라우터

◆ 뷰 라우터

◆ 뷰 라우터 설치

◆ 뷰 라우터 등록

◆ 뷰 라우터 옵션

◆ router-view

◆ router-link

※ 라우터 학습 코드

[Vue] 컴포넌트 통신방식 응용(동일레벨 컴포넌트 / 이벤트 버스)

◆ 동일 레벨 컴포넌트 통신방식

◆ 관계없는 컴포넌트 간 통신방식(이벤트 버스)

[Vue] 컴포넌트 통신방식/데이터 전달방식(props / $emit)

◆ Vue 컴포넌트 통신방식(데이터 전달방식)

◆ 상위에서 하위로 데이터 전달 Props

◆ 하위에서 상위컴포넌트로 이벤트 전달 $emit

[Vue] Vue 컴포넌트

◆ Vue 컴포넌트

◆ 컴포넌트 등록

1) 전역컴포넌트

2) 지역컴포넌트

◆ Root 컴포넌트

[GitHub] 깃허브 토큰(Token)생성하는 방법

Step1. GitHub 로그인

Step2. Settings

설정 메뉴 클릭

Step3. Developer Settings

설정 메뉴 - 개발자 설정 클릭

Step4. Personal access tokens

개발자 설정 메뉴 - 개인 액세스 토큰 클릭

Step5. Token 관련 세부사항 체크 및 입력

Step6. 토큰 생성 완료!!

※ 주의!!

새로 생성된 token은 보안상의 이유로

해당 페이지를 벗어나면 다시 볼 수 없으므로 잘 보관하고 있도록 한다!!

[Git] 원격저장소 Github

◆ 원격저장소 Github

◆ Github 이용하기

- 원격 저장소에 제대로 연결됐는지 확인 $ git remote -v

- remote에 origin이 연결되어 있고 origin이 가리키는 주소가 바로 옆에 표시되면 성공

◆ 지역저장소에서 원격저장소에 접근하는 여러방법

1. 아이디/암호(폐지됨) - XXX

2. 아이디/개인토큰(변경) - OK

3. SSH 암호화 통신 프로토콜 이용 - OK Secure Shell (보안이 적용된 shell)

- 더이상 아이디/토큰이 필요 없다!!!

- 원격저장소 주소 URL도 https를 안쓰고, "ssh 주소" 사용(*)

- "공개키/개인키"를 이용하는 방식(비유: 공인인증서)

- 직접 공개키와 개인키를 만들어야 함!

$ ssh-keygen -t rsa <enter> =>

RSA비대칭키 암호화 알고리즘을 이용한 키 생성 명령

- 직접 만든 공개키와 개인키 중에, "공개키"를

GitHub 사이트에 등록 (**************)

- 더이상 원격저장소 접근시, 아이디/토큰은 필요가 없음!

- 더불어서, 암호화 통신을 하기 때문에, 보안에도 강력함!

[Vue] Vue 인스턴스

◆ Vue의 특징

◆ Vue 인스턴스

※ Vue 인스턴스와 생성자함수

◆ 인스턴스의 속성과 옵션

[Vue] Vue 프로젝트 구조 알아보기

◆ Vue 프로젝트 구조

◆ package.json 파일

[Vue] Vue 시작하기

◆ Vue 란?

※ MVVM패턴

◆ Vue-cli 란?

◆ Vue 설치하기

방법1. <script> 요소 추가

방법2. Vue NPM package 사용

[Git] Git 브랜치란?

◆ git branch

- 하나의 버전관리를 수행하는 흐름을 의미 - branch를 통해 버전관리가 가능 ※ 이전 저번에서는 'master'가 기본 브랜치 이름이였으나, 현재는 'main'으로 변경되었음.

<브랜치 관련 명령어>

◆ 브랜치의 병합(Merge)

※ "HEAD" 는 현재 버전관리 중인 브랜치를 가리킴 (branch pointer 역할)

[Git] Git 사용하기

◆ Git 사용하기

<사전준비>

1) git init

"나 이 디렉토리에서 버전관리할거야~~"

- 원격 저장소에 제대로 연결됐는지 확인
$ git remote -v

3. SSH 암호화 통신 프로토콜 이용 - OK
Secure Shell (보안이 적용된 shell)

- 하나의 버전관리를 수행하는 흐름을 의미
- branch를 통해 버전관리가 가능

※ 이전 저번에서는 'master'가 기본 브랜치 이름이였으나,
현재는 'main'으로 변경되었음.

- 깃의 저장소 초기화를 의미
- 프로젝트를 진행할 디렉토리를 깃에게 알려주는 기능
- 프로젝트를 진행한다는 것은 버전관리가 필요하다는 것!

=> 실행결과 : '.git' 디렉토리 생성 / 모든 버전정보가 저장

- git의 상태를 의미
- 버전관리를 진행하고 있는 디렉토리 정보

- 추적해야할 디렉토리를 명확하게 지정하여 스테이지에 올리는 기능
- 프로젝트 작업을 위한 임시적인 파일은 배제하기 위해 명확하게!

- commit 대기 상태 (= stage area)

=> 실행결과 : 'new file'로 인식된 정보들 출력

- 형상관리시스템(Version Control System)
- "파일의 이름을 더럽히지 말아라!"
>>>> 파일의 이름을 유지하되 파일 안에 있는 "변경된 내용"들은 컴퓨터가 관리한다.

※ 형상관리 : 변경사항을 체계적으로 추적, 통제한다는 것!!

- 소스코드 백업(Backup)
- 이전 상태로 회복(Recovery)
- 다른 사람들과의 협업(Collaboration)