반응형

[html]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/01_box_width_height.css">
</head>
<body>
    <!-- 1st 박스 -->
    <div></div>
    <!-- 2nd 박스 -->
    <div></div>
</body>
</html>

[CSS]

/* box 기본속성 : 높이, 가로, 바깥여백, 안쪽여백, 외곽선 */
div{
    /* 가로 */
    width: 100px;
    /* 세로 */
    height: 100px;
    /* 배경색 */
    background-color: red;
    /* 외곽선 */
    /* border : 선두께 선스타일 선색깔 */
    border: 5px solid orange;  // solid가 실선
    /* 안쪽 여백(padding) */
    padding: 30px;
    /* 바깥 여백(margin) */
    margin: 50px;

}

[결과]

 

[html]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/02_box_detail.css">
</head>
<body>
    <div></div>
</body>
</html>

[CSS]

/* box 기본 속성 : 상세 */
div{
    /* 가로 */
    width: 100px;
    /* 세로 */
    height: 100px;
    /* 외곽선 */
    /* border : 선두께, 선스타일, 선색상 */
    border: 5px solid orange;
    /* 안쪽 여백 : 상/좌/하/우 */
    /* padding: 10px; */
    /* 따로 설정 */
    /* padding-left: 0px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 30px; */
    /* 축약형 :  */
    /* padding : 상 우 하 좌(12시 기준으로 시계방향) */
    padding: 30px 0 30px 0;

    /* 바깥여백 : 상/좌/하/우 동일하게 설정*/
    /* margin: 10px; */
    /* 따로 설정 */
    /* margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px; */
    /* 축약 형 */
    /* margin : 상 우 하 좌 */
    margin: 10px 0 10px 0;
}

[결과값]

반응형
저작자표시 비영리 변경금지 (새창열림)

'CSS > CSS 이론' 카테고리의 다른 글

[CSS] CSS 디자인 우선순위  (0) 2023.08.09
[CSS] 반응형 웹 이론 - 이미지 처리  (0) 2023.08.09
[CSS] 배경이미지  (0) 2023.08.08
[CSS] 폰트스타일  (0) 2023.08.07
[CSS] 태그선택자  (0) 2023.08.07
반응형
.font_arial{
    /*  폰트 스타일 : pc에 폰트가 있어야 화면에 적용됨  */
    /*  font-family : 스타일1, 스타일2, 스타일3  */
    /*  스타일 1 이 있으면 스타일 1이 적용됨
        없으면 스타일 2이 적용,
        없으면 스타일 3이 적용
    */
    font-family: Arial, Helvetica, sans-serif;
}

.font_roman{
    font-family: 'Times New Roman', Times, serif;
}

.font_italic{
    /* 이텔릭체 */
    font-style: italic;
    /* 굵은 글씨 bold, bolder(더굵게)*/
    font-weight: bolder;
    /* 글자 중앙 정렬 : 이미지는 등은 안됨, 오직 글자만 가능 */
    /* 중앙 정렬 */
    text-align: center;

    /* 왼쪽 정렬 */
    /* text-align: left; */
   
    /* 오른쪽 정렬 */
    /* text-align: right; */

}

폰트사이즈
/* 글자 단위 : px, em(rem), % */
/* 1st p태그 선택 */
p:nth-child(1) {
    /* 상대 크기 단위(글자) */
    /* 1.0em == 16px(웹 브라우저 기본 글자 단위 : 부모 태그에서 상속받음) */
    /* font-size : 100% == 1.0em == 16px */
    /* font-size: 1.0em; */
    /* 고정 크기 */
    font-size: 16px;
}
/* 2nd p태그 선택 */
p:nth-child(2) {
    font-size: 1.5em;
}
/* 3rd p태그 선택 */
p:nth-child(3) {
    font-size: 2.0em;
}

반응형
저작자표시 비영리 변경금지 (새창열림)

'CSS > CSS 이론' 카테고리의 다른 글

[CSS] CSS 디자인 우선순위  (0) 2023.08.09
[CSS] 반응형 웹 이론 - 이미지 처리  (0) 2023.08.09
[CSS] 배경이미지  (0) 2023.08.08
[CSS] Box 기본속성  (0) 2023.08.07
[CSS] 태그선택자  (0) 2023.08.07
반응형
기본 선택자
/* 주석 단축키 : Ctrl + / */
/* 코딩 용어 : /(슬래쉬), \(역슬래쉬), ;(세미콜론) */
/* 기본선택자 : html 태그선택자 */
/* 사용법 :
    태그선택자 {
        속성:값;
    }
*/
h1{
    /* 글자색 */
    color: burlywood;
    /* 바탕색 */
    background-color: blue;
}

id 선택자
/* id 선택자 : 기본 선택자 */
/* id 속성(공통) : 태그에 이름을 부여하는 속성(변수명), 유일(관례), js 사용  */
/* name 속성(공통) : 태그에 이름을 부여하는 속성(변수명), jsp, react(서버쪽 통신)에 사용 */
/* 코딩용어 : #(샵) */
/* 사용법)
    #id 선택자 {
        속성 : 값;
    }
*/
/* px(픽셀) : 화면 화소(단위), 고정크기 예) cm, l 등... */
#header{
    /* 가로크기 */
    width: 800px;
    /* 배경색(바탕색) */
    background-color: red;
}

#warp{
    width: 800px;
}

#content{
    width: 300px;
    background-color: green;
}
와일드카드 : 전체 선택자
/* (wildcard) * : 전체 선택자  */
/* 사용법 :
  * {
    속성:값;
  }
 */

* {
    color: red;
}

h1 {
    color: aqua;
    background-color: blue;
}

클래스 선택자
/* 클래스 선택자 */
/* id선택자 vs class 선택자의 차이
    id선택자 : 중복 불가(이름)
    class선택자 : 중복 허용(이름), 실무 디자이너
*/
/* 사용법 :
    .클래스명 {
        속성:값;
    }
*/

.select{
    color: red;
}
속성 선택자 : 특수 선택자
/* 속성 선택자 : 특수 선택자 */
/* 사용법 :
    태그[속성="값"]{
        속성:값;
    }
*/

input[type="text"]{
    background-color: red;
}

input[type="password"]{
    background-color: blue;
}
후손 선택자 : 특수 선택자
/* 후손 선택자 : 특수 선택자 */
/* 부모 태그밑에 있는 자식태그들 모두 선택 */
/* 사용법 :
    (부모)선택자 (자식)선택자 {
        속성 : 값;
    }
*/
#header h1{
    color: red;
}
자식 선택자
/* 자식 선택자 */
/* 부모선택자 바로 아래 자식만 선택해서 디자인 적용 */
/* 사용법 :
    (부모)선택자 > (자식)선택자 {
        속성 : 값;
    }
*/
#header > h1 {
    color: red;
}
반응 선택자
/* 반응 선택자 */
/* 선택자:hover - 마우스가 위로 올라가면 디자인 적용 */
h1:hover {
    color: red
}
/* 선택자:active - 마우스를 클릭하면 디자인 적용 */
h1:active{
    color: blue;
}
상태 선택자
/* 상태 선택자 */
/* input:현재입력가능한 상태일때 디자인 적용 */
input:enabled {
    background-color: white;
}
/* input:현재입력불가능 상태일때 디자인 적용 */
input:disabled {
    background-color: gray;
}
/* input:커서가 있을때(포커스) 디자인 적용 */
input:focus {
    background-color: orange;
}
구조 선택자
/* 구조 선택자 */
li {
    /* 목록 앞에 점 없애기 */
    list-style-type: none;
}
/* 2n : 짝수, 2n+1 : 홀수
    사용법 :
        선택자:nth-child(수식) {
            속성 : 값;
        }
*/
li:nth-child(2n) {
    /* 10진수 : 1~9까지, 16진수 : 1 ~ 15까지, 8진수 : 1 ~ 7까지, 2진수 : 0과 1 */
    /* 16진수 : 10(a), 11(b), 12(c), 13(d), 14(e), 15(f) */
    /* 색깔 지정 : red, (#16진수 6자리, 색상표 표기) */
    background-color: #ff0003;
}

li:nth-child(2n+1) {
    background-color: #800000;
}
반응형
저작자표시 비영리 변경금지 (새창열림)

'CSS > CSS 이론' 카테고리의 다른 글

[CSS] CSS 디자인 우선순위  (0) 2023.08.09
[CSS] 반응형 웹 이론 - 이미지 처리  (0) 2023.08.09
[CSS] 배경이미지  (0) 2023.08.08
[CSS] Box 기본속성  (0) 2023.08.07
[CSS] 폰트스타일  (0) 2023.08.07
반응형
저장소(Git repository) - 파일이나 폴더를 저장해 두는 곳

 

＃ Git은 원격 저장소와 로컬 저장소 두 종류의 저장소를 제공합니다.

# 원격 저장소(Remote Repository) : github와 같은 전용 서버에서 관리되며 여러사람이 함께 공유하기 위한 저장소

# 로컬 저장소(Local Repository) : 내 PC에 파일이 저장되는 개인 전용 저장소

git을 사용하기 위해 반드시 기억해야 할 3 상태 - 논리적인 구분

Git bash를 사용해보자!
  • git bash는 윈도우의 cmd, 리눅스와 맥의 terminal과 같은 역할을 합니다.
  • git bash를 이용하면 window에서도 리눅스의 명령어를 쓸 수 있습니다.

git 명령어
  • init
git init 명령어를 수행하면 숨겨진 폴더 .git이 생성됩니다. 이것을 저장소라고 하는데요, 깃은 이 폴더의 모든 변경 내용을 여기에 저장하게됩니다. 즉, .git 폴더를 지우면 더 이상 깃으로 폴더의 변경사항을 추적할 수 없습니다.
  • status
깃이 폴더의 현재 변경 상태를 보는 명령어입니다.

  • reset
스테이징 된(add 취소) 파일을 취소할 수 있습니다.
* 폴더의 전체 변경 사항을 취소할 수도 있습니다.
  • commit
깃이 폴더의 변경 내용을 저장하는 단위를 "커밋(commit)"이라고 부르는데, add 명령어 이후 Staging Area 상태에 등록된 파일들만 commit을 할 수 있고 명령어 실행 후에 Repository에 저장됩니다.
** 매번 변경사항을 스테이징하고 커밋 하는 것이 번거롭다면 -a 옵션을 사용하면 됩니다.
  • log
스테이징을 거쳐 커밋 한 결과를 로그(log)라는 형식으로 확인합니다.
** 많은 로그를 한 줄로 편하게 보기 위해서 --oneline 옵션도 자주사용합니다.
  • push
파일을 새로 생성 또는 작업 후 add, commit을 마치고 원격 저장소로 작업물을 공개할 수 있습니다.
  • pull
원격 저장소에서 로컬 저장소로 소스나 변경된 파일을 가져오는 명령어입니다.

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Git' 카테고리의 다른 글

[Git] Git 파헤치기  (0) 2023.08.12
[git] Git이란 무엇인가?  (0) 2023.08.07
반응형
우리가 Git을 사용해야 하는 이유?

- 소스코드나 작업물을 관리할 때 편하기 때문!

 

Git 이란 무엇일까?

Git은 분산형 버전관리 시스템이라고 합니다. (Distributed Version Control System)

 

그럼 버전관리 시스템이란 무엇일까요?

 

버전 관리 시스템(Version Control System), VCS

VCS는 사용자 프로젝트에 포함된 파일의 변경 내역을 추적할 수 있도록 하는 도구 또는 방법론을 말합니다.

 

■ 가장 단순한 버전 관리 시스템

 

소프트웨어 형상관리

SoftWare Configuration Management 줄여서 SCM이라는 단어를 쓰기도 하는데, SW 개발 및 유지보수 과정에서 발생하는 소스코드, 문서, 인터페이스 등 각종 결과물에 대한 형상을 만들고 이를 형상에 대한 변경을 체계적으로 관리, 제어하기 위한 활동입니다. 형상관리는 일반적으로 version control, revision control, source control, source code management, SCM 등 동일한 의미로 사용합니다.

 

버전관리 시스템(VCS) vs 분산형 버전관리 시스템(DVCS)

▶ 기존 버전 관리 시스템은 중앙 서버에 소스코드와 history를 직접 저장하는 방식

▶ 분산 버전 관리 시스템은 여러 개발 PC와 저장소에 분산해서 저장하는 방식

 

중앙 집중식 버전관리 - SVN(Subversion)

▶ 각 개발자만의 version history를 관리할 수 없다.

▶ commit 한 내용에 실수가 있을 시에 서버에 (다른 개발자에게) 바로 영향을 미치게 되고 만약 중앙 서버에 문제가 발생한다면 협업이 불가능하다.

 

분산형 버전관리 - Git

▶ 모든 작업자가 원본을 가질 수 있다.

▶ 개별 histroy를 관리할 수 있기 때문에 네트워크를 사용하지 못하는 상황에서도 대부분의 작업 진행이 가능하다.

 

Git 과 GitHub는 다르다!

▶ GitHub는 마이크로소프트사의 웹 서비스 입니다.

▶ 분산형 버전관리 시스템(git)을 기반으로 소스코드를 호스팅하고, 협업기능을 지원하는 서비스, 소프트웨어 개발 플랫폼입니다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'Git' 카테고리의 다른 글

[Git] Git 파헤치기  (0) 2023.08.12
[git] git 저장소 만들기 / 명령어  (0) 2023.08.07
반응형
배열(Array)이란?
연관된 데이터를 모아 통으로 관리하기 위해 사용하는 데이터 타입

앞에서 배웠던 변수는 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라 볼 수 있다.

 

  • 동일한 자료형의 순차적 자료구조
  • 인덱스 연산자 [ ]를 이용하여 빠른 참조가 가능
  • 물리적 위치와 논리적 위치가 동일
  • 배열의 순서는 0부터 시작

배열의 선언 및 초기화

// 1. 선언과 초기화

int [] arr1; // 변수의 선언 (int가 아니라 int 배열이다.)

arr1 = new int[2]; // 배열의 초기화는 반드시 크기를 먼저 지정해주어야 사용가능하다.

// 배열의 크기도 생각을 해보자

double[] arr2 = new double[2]; // 선언과 동시에 초기화

 

// 값을 넣는 방법

arr1[0] = 100;

arr1[1] = 1000;

// 모든 인덱스의 순서는 0번부터 시작한다.

 

System.out.println(arr1[1]); // 두번째 값 출력

System.out.println(arr1[0]); // 첫번째 값 출력

 

// 주의 : 배열의 길이와(크기) 인덱스의 번호는 다르다.

// 공식 : 배열의 인덱스 번호는 n-1

// 오류코드 : System.out.println(arr1[2]); // 배열의 길이는 2이나 인덱스는 0, 1 까지만 존재하기 때문에 2는 존재하지 않는다.

 

arr2[0] = 10.0;

arr2[1] = 20.0;

arr2[0] = 0.0;

System.out.println(arr2[1]);

System.out.println(arr2[0]);

// 변수는 크게 몇가지가 존재한다고 하였나요?

// 기본 데이터 타입, 참조 타입

 

char[] ch1 = new char[10]; // 기본 데이터 타입(연관된 데이터) >> 기본데이터 타입에는 값이 바로 들어감

ch1[0] = 'H';

ch1[1] = 'E';

ch1[2] = 'L';

 

String[] strings = new String[5]; // 참조 타입 >> 참조타입은 값이 들어가는 것이 아니라 '주소값'이 들어간다.

strings[0] = "안녕 반가워";

strings[1] = "안녕 반가워";

strings[2] = "안녕 반가워";

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Java > Java 이론' 카테고리의 다른 글

[JAVA] 상속 (2)  (0) 2023.08.08
[JAVA] 상속  (0) 2023.08.08
[JAVA] singleton 패턴  (0) 2023.08.03
[JAVA] static 변수  (0) 2023.08.03
[JAVA] 객체 자신을 가리키는 'this'  (0) 2023.08.02
반응형
 <!-- TODO : 컴퓨팅 자주쓰는 코딩 용어 -->
    <!-- :(콜론), ;(세미콜론), &(엔퍼센트) -->
    <!-- HTML : Markup 언어 : <여는태그>글자</닫는태그>로 작성하는 언어 -->
    <!-- HTML 주요 요소들 :  -->
    <!-- 태그(요소, element), 속성(attribute), 값(value) -->
    <!-- 태그 : h1, p, table 등.... -->
    <!-- 속성 : src, width, height 등 ... -->
    <!-- 값 : src="값", width="값" 등... -->

    <!-- 단축키 : 인텔리제이-->
    <!-- 줄복사 : ctrl + d -->
    <!-- 줄삭제 : ctrl + y -->
    <!-- 윈도우 단축키 -->
    <!-- 복사 : ctrl + c -->
    <!-- 잘라내기 : ctrl + x -->
    <!-- 붙여넣기 : ctrl + v -->
    <!-- 실행취소 : ctrl + z -->

    <!-- html(구조), CSS(디자인), js(동작) -->
    <!-- 3가지 파일로 각각 분리 코딩(권고) -->

    <!-- 플러그인 : Auto rename tag -->
    <!-- TODO : 1) 제목 태그 : h1 ~ h6 -->
    <h1>안녕하세요</h1>
    <h2>안녕하세요</h2>
    <h3>안녕하세요</h3>
    <h4>안녕하세요</h4>
    <h5>안녕하세요</h5>
    <h6>안녕하세요</h6>

    <!-- TODO : 2) 폰트 태그 -->
    <!-- 굵은 글씨 -->
    <b>안녕하세요</b>
    <!-- 이텍릭체 글씨 -->
    <i>안녕하세요</i>

    <!-- TODO : 3) 단락 태그(*) -->
    <p>안녕하세요..</p>

    <!-- TODO : 4) 링크(앙커*) 태그 : 페이지 이동 -->
    <a href="http://naver.com">네이버</a>

    <!-- TODO : 5) 줄바꿈(*) 태그 -->
    안녕하세요<br/>
    안녕하세요<br/>

    <!-- TODO : 6) 특수 태그 -->
    <!-- < : &lt (less than) -->
    <!-- > : &gt (greater than) -->
    <!-- 공백 : &nbsp; -->
   
    <!-- TODO : 7) 이미지 태그(*) -->
    <img src="./image/bird.jpg" alt="새" width="300">

    <!-- TODO : 8) 목록 태그(*), ul(unordered list), ol(ordered list) -->
    <ul>
        <li>사과</li>
        <li>바나나</li>
        <li>오렌지</li>
    </ul>

    <!-- TODO : 9) 테이블 태그(*) -->
    <table>
        <!-- 제목 :  thead 생략 가능-->
        <thead>
            <!-- tr : 1행 -->
            <tr>
                <!-- th : 1열 -->
                <th>요일</th>
            </tr>
        </thead>
         <!-- 본문 :  tbody 생략 가능-->
         <tbody>
            <!-- tr : 1행 -->
            <tr>
                <!-- th : 1열 -->
                <td>요일</td>
            </tr>
        </tbody>
    </table>

   
<!-- TODO : form 태그(부모태그, 생략가능) > input(자식태그) -->
    <!-- TODO : 1) 라벨 + 입력양식 -->
    <!-- for="변수명" == id="변수명" -->
    <!-- label 클릭하면 input 양식에 포커스 생김 -->
    <label for="name">이름</label>
    <input type="text"id="name"/>
    <br/>

    <!-- TODO : 2) 패스워드 -->
    <input type="password" />
    <br/>

    <!-- TODO : 3) 파일 대화상자 -->
    <input type="file" />
    <br/>
   
    <!-- TODO : 4) 체크박스 -->
    <input type="checkbox" /> 좋음
    <br/>
    <input type="checkbox" /> 나쁨
    <br/>
   
    <!-- TODO : 5) 라디오박스 -->
    <!-- 주의점 : 2개 name="변수명" 일치시켜야 함 -->
    <input type="radio" name="gender"/> 남
    <br/>
    <input type="radio" name="gender"/> 여
    <br/>
   
    <!-- TODO : 5) Select 박스 -->
    <!-- 속성 selected - 화면에 먼저 보일 문자 -->
    <!-- 사용법 : <option>항목</option> -->
    <select>
        <option>김밥</option>
        <option selected>떡볶이</option>
        <option>순대</option>
        <option>어묵</option>
    </select>

    <!-- TODO : 6) textarea : 긴 글쓰기 -->
    <!-- cols="가로" rows="세로" -->
    <textarea cols="30" rows="10"></textarea>
반응형
저작자표시 비영리 변경금지 (새창열림)

'HTML > HTML 이론' 카테고리의 다른 글

[HTML] 표 만들기  (0) 2023.08.15
[HTML] 서식/목록 태그  (1) 2023.08.13
[HTML] 미디어 삽입  (0) 2023.08.03
[HTML] 표 만들기  (0) 2023.08.03
[HTML] 순서가 있는 목록, 순서가 없는 목록 태그  (0) 2023.08.02
반응형
video 삽입

미디어 파일 중 비디오 삽입 태그는 다음과 같습니다.

video(부모태그) > source(자식태그) scr="비디오경로" type="video/확장자"
video 속성 : width(가로크기), countrols(동영상 컨트롤 패널) -->

[실행결과]

audio 삽입

오디오 타입 삽입 태그는 다음과 같습니다.

<audio 속성 src="오디오 파일 경로" >
source src="오디오파일경로" type="audio/확장자

[실행결과]

image 삽입

이미지 타입 삽입 태그는 다음과 같습니다.

[실행결과]

반응형
저작자표시 비영리 변경금지 (새창열림)

'HTML > HTML 이론' 카테고리의 다른 글

[HTML] 서식/목록 태그  (1) 2023.08.13
[HTML] 태그 요약  (0) 2023.08.03
[HTML] 표 만들기  (0) 2023.08.03
[HTML] 순서가 있는 목록, 순서가 없는 목록 태그  (0) 2023.08.02
[HTML] 텍스트 폰트 태그  (0) 2023.08.02
반응형
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 사용법 : table - thead(제목태그) [tr(행),th(열), 굵은글씨] -->
    <!--                 본문 :  tr(행), td(열) -->
    <table border="1">
        <!-- 제목 : 테이블 -->
        <thead>
            <tr>
                <th></th>
                <th>월</th>
                <th>화</th>
                <th>수</th>
                <th>목</th>
                <th>금</th>
            </tr>
        </thead>
        <!-- 본문 시작 -->
        <tr>
            <td>2교시</td>
            <td>영어</td>
            <td>국어</td>
            <td>과학</td>
            <td>미술</td>
            <td>기술</td>
        </tr>
        <!-- 본문 끝 -->
    </table>
</body>
</html>

html에서 표를 생성하기 위한 명령어 <table>명령어와 <thead>, <tr> ,<th> 명령어가 있습니다.

사용법은 먼저 table 명령어를 입력하고 그 안에 thead(제목태그) thead 안에 tr(행 생성) tr태그 안에 th(열 생성) 명령어를 사용합니다.

 

위 예제 처럼 2행 6열 짜리 표를 만들기 위해서는 위의 코드처럼 작성해주시면 됩니다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'HTML > HTML 이론' 카테고리의 다른 글

[HTML] 태그 요약  (0) 2023.08.03
[HTML] 미디어 삽입  (0) 2023.08.03
[HTML] 순서가 있는 목록, 순서가 없는 목록 태그  (0) 2023.08.02
[HTML] 텍스트 폰트 태그  (0) 2023.08.02
[HTML] 기본단축키 및 실습  (0) 2023.08.01
반응형
싱글톤 패턴

애플리케이션 전체에서 단 한 개의 객체만 생성해서 사용하고 싶다면 싱글톤 패턴을 적용할 수 있다.

싱글톤 패턴의 핵심은 생성자를 private 접근 제한해서 외부에서 new 연산자로 생성자를 호출할 수 없게 막는 것이다.

 

다음은 싱글톤 패턴의 전체 코드를 보여준다.

 

public class Singleton {

 

// private 접근 권한을 갖는 정적 필드 선언과 초기화

private static Singleton singleton = new Singleton();  ------------------------------------- (1)

 

// private 접근 권한을 갖는 생성자 선언

private Singleton() {

 

}

 

// public 접근 권한을 갖는 정적 메소드 선언

public static Singleton getInstance () {   -------------------------------------------------------(2)

return singleton;

}

 

}

(1)에서는 자신의 타입으로 정적 필드를 선언하고 미리 객체를 생성해서 초기화시킨다. 그리고 private 접근 제한자를 붙여 외부에서 정적 필드 값을 변경하지 못하도록 막는다.

(2)에서는 정적 필드값을 리턴하는 getInstrance() 정적 메소드를 public으로 선언하였다.

외부에서 객체를 얻는 유일한 방법은 getInstance() 메소드를 호출하는 것이다. getInstance() 메소드가 리턴하는 객체는

정적필드가 참조하는 참조하는 싱글톤 객체이다.

따라서 아래 코드에서 변수 1(obj1)과 변수 2(obj2)가 참조하는 객체는 동일한 객체가 된다.

Singleton obj1 = Singleton.getInstance();

Singleton obj2 = Singleton.getInstance();

obj1 과 obj2 는 싱글톤 객체를 참조한다

// 같은 주소값을 갖는지 확인

System.out.println(obj1);

System.out.println(obj2);

ex_06.Singleton@6f2b958e

ex_06.Singleton@6f2b958e

==== 같은 주소값임을 확인

[예제]

public class Company {

 

// 싱글톤 패턴으로 설계하는 방법

// heap 메모리에 오직 객체가 하나만 존재해야 될 경우 사용가능하다.

 

// 1. 생성자는 private으로 선언해야한다.

private Company() {}

 

// 2. 클래스 내부에 유일한 private 인스턴스를 객체를 생성

private static Company instance = new Company(); // 선언과 동시에 초기화

 

// 3. 외부에서 유일한 instance 변수에 접근할 수 있는 메서드를 제공해야한다.

public static Company getInstance() {

if(instance == null) {

instance = new Company();

}

return instance;

}

 

} // end of class

public class CompanyMainTest {

 

public static void main(String[] args) {

// 1.

// 생성자를 private로 선언했기 때문에

// 기본 생성자로 호출할 수 없다.

// Company company = new Company();

 

// 2.

// Company.instance -> 접근 제어 지시자가 private 이다.

 

// 3.

// 외부에서 유일하게 Company 객체 주소값에 접근할 수 있는 메서드

Company naver = Company.getInstance();

Company tenco = Company.getInstance();

System.out.println(naver);

System.out.println(tenco);

Company mata = Company.getInstance();

System.out.println(mata);

 

} // end of main

 

} // end of class

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Java > Java 이론' 카테고리의 다른 글

[JAVA] 상속  (0) 2023.08.08
[JAVA] 배열  (0) 2023.08.04
[JAVA] static 변수  (0) 2023.08.03
[JAVA] 객체 자신을 가리키는 'this'  (0) 2023.08.02
[JAVA] 접근제어지시자  (0) 2023.08.01
반응형
공통으로 사용하는 변수가 필요한 경우
  • 여러 인스턴스가 공유하는 기준 값이 필요한 경우
  • 학생마다 새로운 학번 생성
  • 카드회사에서 카드를 새로 발급할때마다 새로운 카드 번호를 부여
  • 회사에 사원이 입사할때 마다 새로운 사번 부여
  • 은행에서 대기표를 뽑을 경우 (2대 이상..)

static 변수는 공통적으로 사용하는 변수가 필요한 경우 사용한다.

static 변수 선언과 사용하기

필드와 메소드는 모두 정적(static) 멤버가 될 수 있다. 정적 필드와 정적 메소드로 선언하려면 static 키워드를 사용한다.

예를 들어 은행에서 사용하는 번호표를 출력하는 프로그램을 만든다고 생각해보자.

만약 두대 이상의 번호표 출력 프린트를 사용한다고 가정했을 때,

1번 프린터에서 번호표를 출력하고 2번 프린터에서 출력한다고 생각하면

번호가 차례대로 갱신이 되면서 출력이 되어야 한다.

 

[출력결과]

1 번 기기의 대기 순번은 : 1

1 번 기기의 대기 순번은 : 2

1 번 기기의 대기 순번은 : 3

1 번 기기의 대기 순번은 : 4

1 번 기기의 대기 순번은 : 5

1 번 기기의 대기 순번은 : 6

=======================

2 번 기기의 대기 순번은 : 7

2 번 기기의 대기 순번은 : 8

2 번 기기의 대기 순번은 : 9

2 번 기기의 대기 순번은 : 10

2 번 기기의 대기 순번은 : 11

2 번 기기의 대기 순번은 : 12

이처럼 대기순번을 공통적으로 공유하기 위해 static 변수를 사용하는 것을 알 수 있다.

즉, static 변수는 인스턴스에서 공통적으로 사용하는 영역임을 알 수 있다.

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Java > Java 이론' 카테고리의 다른 글

[JAVA] 배열  (0) 2023.08.04
[JAVA] singleton 패턴  (0) 2023.08.03
[JAVA] 객체 자신을 가리키는 'this'  (0) 2023.08.02
[JAVA] 접근제어지시자  (0) 2023.08.01
[JAVA] this 키워드  (0) 2023.08.01
반응형
this 가 하는 일
  • 인스턴스 자신의 메모리를 가리킴
  • 생성자에서 또 다른 생성자를 호출 할 때 사용
  • 자신의 주소(참조값)을 반환함

반응형
저작자표시 비영리 변경금지 (새창열림)

'Java > Java 이론' 카테고리의 다른 글

[JAVA] singleton 패턴  (0) 2023.08.03
[JAVA] static 변수  (0) 2023.08.03
[JAVA] 접근제어지시자  (0) 2023.08.01
[JAVA] this 키워드  (0) 2023.08.01
[JAVA] 참조 자료형 변수  (0) 2023.08.01

+ Recent posts

티스토리툴바