Clouds

Google i/o 2018 extended Seoul Track C-3

Clouds_ — Tue, 19 Jun 2018 00:41:05 +0900

* Google i/o 2018 extended Seoul은 미국에서 열린 Google i/o 2018에 참석하지 못한 사람들을 위해 국내 커뮤니티가 주최하는 개발자 포럼입니다.

Google i/o 2018 extended Seoul Track C-3

[ Flutter ]

구글의 오픈소스.

양 플랫폼에서 모두 구동 가능 (크로스모바일 플랫폼)

Dart 언어 사용.

플랫폼의 역사

Dart는 javascript를 대체할 목적으로 만들어졌지만

아직 javascript를 따라가지는 못함

>> Dart 2 에서는 공존을 선택

구글 : "Dart 2는 구글에서 가장 빠르게 성장 중인 언어이다"

구글 : "flutter는 멋진 native app을 만들 수 있다"

머터리얼 디자인 위젯 제공 :

* Scaffold

Appbar. BottomNavigationBar. Drawer(사이드바) 등등 많은 위젯 제공

*Cupertino 위젯 (iOS)

Widgets

상태 없음

icon. iconButton. text 등

Stateful Widgets

상태에 따라 위젯 변동

chechBox 등

Flutter의 장점

* 빠르고 편한 개발

* hot reload (변동된 것이 바로바로 반영되어 나옴)

* IDE friendly - 안스. 인텔리제이. vs

* Widget Inspector (요소 선택하면 파일 선택됨)

* Native Performance 실행 속도가 빠름

구글 : "머터리얼 + firebase + flutter = 멋진, 근사한 앱을 만들 수 있다."

flutter 사용 예시

: HAMILTON (해외)

: kakao login (국내)

Google i/o 2018 extended Seoul Track C-2

Clouds_ — Tue, 19 Jun 2018 00:37:42 +0900

* Google i/o 2018 extended Seoul은 미국에서 열린 Google i/o 2018에 참석하지 못한 사람들을 위해 국내 커뮤니티가 주최하는 개발자 포럼입니다.

Google i/o 2018 extended Seoul Track C-2

[ 웹의 미래는 몰입형 - WebVR & WebXR ]

Immersive Web : 몰입형 웹

>> VR + AR을 웹에서 구현

WebVR

Immersive Web을 시작하는 첫 발걸음.

WebXR

새로운 Immersive Web API이고, AR, VR을 모두 지원.

multi device 지원 > 같은 코드로 여러 디바이스 사용 가능

최적화 (optimizations)

vr 콘텐츠는 60 fps 확보가 중요. 그렇지 않으면 사용자의 멀미를 유발

WebXR : 1603*2529 지원

WebXR chrome support

chrome 67 - 실험실 기능

chrome://flags/#webxr에서 활성화 가능

Google i/o 2018 extended Seoul Track C-1

Clouds_ — Tue, 19 Jun 2018 00:34:09 +0900

* Google i/o 2018 extended Seoul은 미국에서 열린 Google i/o 2018에 참석하지 못한 사람들을 위해 국내 커뮤니티가 주최하는 개발자 포럼입니다.

Google i/o 2018 extended Seoul Track C-1

[ Exploring what're new in Web for the Natively app ]

웹에서도 모바일 어플리케이션의 기능이 작동하게 되었다는 내용.

백그라운드에서 웹 실행,

웹에서 notification 전송

>> 이전까지는 native app의 고유 기능이었음.

progressive web app (PWA)

>> Reliable(https 보안). Fast. Engaging

offline web app

>> 바뀌지 않는것은 로컬에 다운 후 미리 로드.

app install banner

>> 자주 들어가는 페이지에 add to home screen 누르면 홈 화면에 자동 추가.

web assembly

>> native app을 web 버전으로 변환

ex) apple keynote online, etc ...

web media

media session api. Lock 화면에 재생 버튼 등

presentation api

웹에서 프리젠테이션.

media capability api

코덱 정보를 웹이 전송해줌

웹 결제

2018 PlayX4 후기

Clouds_ — Sat, 2 Jun 2018 00:59:42 +0900

2018년 5월 12일 토요일에 일산 킨텍스에서 열리는 게임 박람회인 PlayX4에 갔다 왔다.

합정역에서 PlayX4가 제공하는 셔틀버스를 타고 약 40분만에 도착하였다.

사전예약을 한 덕분에 무료로 입장할 수 있었다.

각종 보드게임을 할 수 있는 장소와 오버워치 Contenders 결승전이 진행되고 있는 모습.

Contenders 결승전을 앉아서 보는 것은 유료지만 옆에 서서 보는 것은 공짜였다.

해설해주시는 분의 목소리가 너무 크고 빨라서 하나도 알아들을 수가 없었다.

기업들 부스의 모습.

주로 체험 위주의 부스였으며 재밌어 보이는 부스들은 모두 줄이 길게 늘어져있었다.

그에 반해 사람이 한 명도 없는 부스도 있었다.

파노라마 샷.

넓다.

주로 체험 위주의 부스였으며 전시장의 가장 왼편에서는 게임방에서 볼 수 있는 각종 게임 기계들이 많았다. 공짜로 게임방의 게임들을 할 수 있다는 점은 매우 좋았다.

하지만 체험 위주의 부스만 있고, 강의 등은 없어서 일반인이나 개발자들이 게임에 대한 유익한 정보는 얻기 힘들었던 것 같다.

[CSS] 2. CSS 선택자 기본

Clouds_ — Sat, 2 Jun 2018 00:51:24 +0900

선택자란?

선택자 Selector 는 스타일을 지정할 HTML의 요소를 선택하는 것이다.

선택자의 종류

1. 타입 선택자 Type

2. 아이디 선택자 Id

3. 클래스 선택자 Class

4. 가상 선택자 Pseudo^[각주:1]-class

5. 속성 선택자 Attribute

6. 전체 선택자 Universal

가 있다.

1. 타입 선택자 Type

HTML 요소(태그) 이름을 사용한다.

Ex> 타입 선택자

1
h2 { color: green; }
cs

모든 h2 요소를 선택하는 예제이다.

* 선택자 묶기

1
p, h1, a { color: white; }
cs

','(콤마)를 사용하여 선택자를 분리하고 나열할 수 있다.

2. 아이디 선택자 Id

같은 태그를 사용하여도 서로 다른 스타일을 부여하고 싶을 때, id 선택자 또는 class 선택자를 사용하면 된다.

1. HTML 요소에 id 속성을 이용하여 id를 부여한다.

2. CSS에서 id 앞에는 '#'을 붙인다.

Ex> 아이디 선택자

HTML :

1
<h2 id="id_name">CSS Selector</h2>
cs

CSS :
1
h2#id_name { color: blue; }
cs

h2 요소 중에서 id가 id_name인 것을 선택하는 예제이다.

3. 클래스 선택자 Class

1. HTML 요소에 class 속성을 이용하여 class를 지정한다.

2. CSS에서 class 앞에는 '.'을 붙인다.

* id와 class의 차이점

id : 하나의 요소에만 지정 가능

class : 여러 개의 요소에 지정 가능

Ex> 클래스 선택자 1

HTML :

1
2
<h2 class="class_name">CSS Selector</h2>
<p class="class_name">Let's learn about CSS Selector!</p>
cs

CSS :

1
.class_name { color: yellow; }
cs

class가 class_name인 모든 요소를 선택하는 예제이다.

Ex> 클래스 선택자 2

HTML :

1
2
<h2 class="class_name">CSS Selector</h2>
<h2 class="hi_hello">CSS Selector</p>
cs

CSS :

1
.class_name { color: yellow; } /* class 이름이 class_name인 것만 선택 됨 */
cs

h2 요소 중에서 class가 class_name인 것만을 선택하는 예제이다.

* 스타일 우선순위

스타일 적용이 서로 충돌할 경우를 대비하여 스타일 우선순위가 정해져있다.

" 타입 선택자 < 클래스 선택자 < id 선택자 "

스타일 적용 범위가 적은 id 선택자가 가장 우선 순위가 높다.

스타일 적용 범위가 동일한 코드가 있다면, 가장 아래에 있는 코드가 적용된다. (Cascading)

모든 우선순위를 뛰어넘고 강제로 우선순위를 높이려면 '!important'를 사용할 수 있다.

이는 비권장 문법이다.

Ex> 우선순위 1

1
2
3
h2 { color: red; }
.class { color: aqua; }
#id { color: grey; }
cs

우선순위 규칙에 따라서 #id의 스타일이 적용되는 예제이다.

Ex> 우선순위 2

1
2
3
h2 { color: red; }
.class { color: aqua !important; }
#id { color: grey; }
cs

!important를 사용하여 우선순위를 무시하고 .class의 스타일이 적용되는 예제이다.

* 후손 관계와 자식(직계) 관계

1. 후손 관계

선택자 : s1 s2

뜻 : s1 요소에 포함된 s2 요소를 선택한다.

Ex> 후손 관계

HTML:

1
2
3
4
5
6
<body>
    <p>body의 직계 단락 p</p>
    <div>
        <p>body의 직계 단락이 아닌 p</p>
    </div>
</body>
cs

CSS:

1
body p { color: cyan; }
cs

body에 포함된 모든 p 요소를 선택하는 예제이다.

2. 자식(직계) 관계

선택자 : s1 > s2

뜻 : s1 요소의 직계 자식 요소인 s2만을 선택한다.

Ex> 자식(직계) 관계

HTML:

1
2
3
4
5
6
<body>
    <p>body의 직계 단락 p</p>
    <div>
        <p>body의 직계 단락이 아닌 p</p>
    </div>
</body>
cs

CSS:

1
body > p { color: olive; }
cs

body의 직계 p만을 선택하는 예제이다.

4. 가상 클래스 Pseudo-class

클래스가 지정된 것처럼 간주하여 선택하는 선택자이다.

요소명 뒤에 ':' (콜론)을 사용한다.

1
2
3
4
5
6
a:link { color: blue; } /* 아직 방문하지 않은 링크 */
a:visited { color: purple } /* 방문한 적이 있는 링크 */
a:hover { color: red; } /* 마우스를 가져다 댔을 때 */
a:active { color: yellow; } /* 마우스를 클릭했을 떄 */
input:focus { background-color: black; } /* 입력 칸에 커서를 둘 때 */
cs

이외에도 많은 가상 클래스가 있다.

5. 속성 선택자 Attribute

특정한 속성을 가지는 요소를 선택하는 선택자이다.

요소명 뒤에 '[ ]' (대괄호)를 사용하고,

대괄호 안에는 속성 이름만을 넣거나 속성 이름과 속성 값까지 넣어줄 수 있다.

Ex> 속성 선택자 1

1
2
3
4
5
6
7
8
input[placeholder] { color: red; }
/* placeholder 속성을 갖고 있는 input 요소 */

input[required] { color: green; }
/* required 속성을 갖고 있는 input 요소 */

input[name="clouds"] { color: white; }
/* name 속성을 갖고 있고, 그 속성의 값이 clouds인 input 요소 */
cs

6. 전체 선택자 Universal

HTML 문서의 모든 요소를 선택하는 선택자이다.

'*'을 사용하여 전체 요소를 선택한다.

Ex> 전체 선택자

1
* { font-size: 50pt; }
cs

모든 텍스트의 크기를 50pt로 바꾸는 예제이다.

거짓의, 가짜의 [본문으로]

[CSS] 1. CSS란

Clouds_ — Fri, 1 Jun 2018 23:25:15 +0900

CSS의 역할

문서의 내용을 HTML(5)로 작성하였다면,

문서의 디자인(스타일)은 CSS 문서가 담당한다.

CSS의 뜻

CSS는 Cascading^[각주:1] Style Sheet의 약자로, 충돌을 막기 위해 '위에서부터 아래로 흐르며' 적용되는 방식이다.

CSS의 기능

CSS는 다양한 기능들을 지원한다.

· 선택자 Selectors

· 박스 모델 Box Model

· 배경 및 경계선 Backgrounds and Borders

· 텍스트 효과 Text Effects

· 2차원 및 3차원 변환 2D / 3D Transformations

· 애니메이션 Animations

· 다중 컬럼 레이아웃 Multiple Column Layout

· 사용자 인터페이스 User Interface

CSS 사용 방법

CSS3의 문법은

선택자 { 속성 : 값; 속성 : 값; ... }

이며 각 속성의 끝에 ;(세미콜론)을 붙여준다.

각주는 HTML과는 다르게

/* ... */ 를 사용한다.

CSS 위치

1. HTML 문서의 head 태그 안에 style 태그를 열어 사용할 수 있고

2. body의 각 태그 안에 style 속성을 작성하여 사용할 수 있고

3. CSS 문서를 따로 만들어 HTML 문서와 연결할 수 있다.

3번 방식은 여러 HTML 문서를 하나의 CSS 문서로 관리할 수 있어 유용하게 이용할 수 있다.

CSS 위치의 자세한 사용 방법에 대해서는 더 자세히 설명할 예정이다.

폭포같은, 계속되는, 연속적인 [본문으로]

xml과 java 연결하기

Clouds_ — Fri, 18 May 2018 02:10:17 +0900

xml 파일은 앱의 껍데기, 즉 레이아웃만을 제작해줍니다.

앱의 작동을 위해서는 java와 xml을 연결 해주어야 합니다.

TextView 레이아웃을 눌렀을 때 어떤 동작을 실행하고 싶다면, TextView 태그에 id 속성을 추가해줍니다.

android:id="@+id/원하는id이름"

java의

public class MainActivity extends AppCompatActivity

의 하위에

id를 추가해준 태그의 이름을 먼저 써준 다음, 원하는 변수명을 선언합니다.

TextView var;

이런식으로 선언하면 됩니다.

그 다음,

protected void onCreate(Bundle savedInstanceState)

의 하위에

변수명 = (레이아웃태그이름) findViewById(R.id.id이름);

이렇게 작성해주면 java와 xml의 연결이 완료됩니다.

Ex> xml과 java 연결하기

i) xml

<TextView
    android:id="@+id/in_7"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#8f678f"
    android:gravity="center"
    android:text="7"
    android:textSize="9pt"
    />

<TextView
    android:id="@+id/in_8"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#ff4a8c"
    android:gravity="center"
    android:text="8"
    android:textSize="9pt"
    />

<TextView
    android:id="@+id/in_9"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#f0f"
    android:gravity="center"
    android:text="9"
    android:textSize="9pt"
    />

<TextView
    android:id="@+id/gop"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#ffe4ff"
    android:gravity="center"
    android:text="×"
    android:textSize="9pt"
    />

ii) java

public class MainActivity extends AppCompatActivity {

    TextView btn7, btn8, btn9;
    TextView gop;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btn7 = (TextView) findViewById(R.id.in_7);
        btn8 = (TextView) findViewById(R.id.in_8);
        btn9 = (TextView) findViewById(R.id.in_9);

        gop = (TextView) findViewById(R.id.gop);

    }
}

LinearLayout 사용하기

Clouds_ — Wed, 16 May 2018 01:28:21 +0900

안드로이드 스튜디오의 activity_main.xml 을 수정하여 앱의 레이아웃을 꾸밉니다.

LinearLayout : 레이아웃을 한 줄로(수평 또는 수직) 정렬하여 구성할 수 있습니다.

[속성]

android:weightSum="10"

자식 레이아웃에서 사용할 weight의 합을 정합니다.

android:orientation="vertical"

LinearLayout의 정렬 방법을 정합니다.

horizontal : 수평 방향

vertical : 수직 방향

android:layout_width="match_parent"
android:layout_height="match_parent"

레이아웃의 폭과 높이를 정합니다.

match_parent : 부모 레이아웃에 꽉 차게

warp_content : 컨텐츠 크기만큼만

android:layout_weight="2"

부모 레이아웃에서 정한 weightSum중 일부를 사용합니다.

[계산기 앱 예제]

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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="7"
    tools:context=".MainActivity">
    
    <TextView
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:gravity="bottom|end"
        android:text="0 "
        android:textSize="25pt" />
 
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4">
 
        <TextView
            android:id="@+id/CE"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#a6a63c"
            android:gravity="center"
            android:text="CE" />
 
        <TextView
            android:id="@+id/C"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff0"
            android:gravity="center"
            android:text="C" />
 
        <TextView
            android:id="@+id/Backspace"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#707013"
            android:gravity="center"
            android:text="←" />
 
        <TextView
            android:id="@+id/na"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#69b2e2"
            android:gravity="center"
            android:text="÷" />
 
    </LinearLayout>
 
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4">
 
        <TextView
            android:id="@+id/in_7"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#8f678f"
            android:gravity="center"
            android:text="7" />
 
        <TextView
            android:id="@+id/in_8"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff4a8c"
            android:gravity="center"
            android:text="8" />
 
        <TextView
            android:id="@+id/in_9"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#f0f"
            android:gravity="center"
            android:text="9" />
 
        <TextView
            android:id="@+id/gop"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffe4ff"
            android:gravity="center"
            android:text="×" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4">
 
        <TextView
            android:id="@+id/in_4"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#e7d862"
            android:gravity="center"
            android:text="4" />
 
        <TextView
            android:id="@+id/in_5"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#55ecb0"
            android:gravity="center"
            android:text="5" />
 
        <TextView
            android:id="@+id/in_6"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#0ff"
            android:gravity="center"
            android:text="6" />
 
        <TextView
            android:id="@+id/minus"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff0095"
            android:gravity="center"
            android:text="−" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4">
 
        <TextView
            android:id="@+id/in_1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#455854"
            android:gravity="center"
            android:text="1" />
 
        <TextView
            android:id="@+id/in_2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#47ef38"
            android:gravity="center"
            android:text="2" />
 
        <TextView
            android:id="@+id/in_3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#4a9"
            android:gravity="center"
            android:text="3" />
 
        <TextView
            android:id="@+id/plus"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ef9eea"
            android:gravity="center"
            android:text="+" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4">
 
        <TextView
            android:id="@+id/plus_minus"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#dd2280"
            android:gravity="center"
            android:text="±" />
 
        <TextView
            android:id="@+id/in_0"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#edffce"
            android:gravity="center"
            android:text="0" />
 
        <TextView
            android:id="@+id/i_dont_know"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#1856f4"
            android:gravity="center"
            android:text="•" />
 
        <TextView
            android:id="@+id/res"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#03ae00"
            android:gravity="center"
            android:text="=" />
 
    </LinearLayout>
 
</LinearLayout>
Colored by Color Scripter
cs

[예제 결과]

(레이아웃 구별을 위해 다양한 색을 넣었습니다.)

중앙 처리 장치 (CPU) - 연산 장치

Clouds_ — Thu, 3 May 2018 01:19:12 +0900

이미지 출처 : 본인 제작

연산 장치는

i) 보수기

ii) 데이터 레지스터

iii) 가산기

iv) 누산기

v) 오버플로우 검출기

vi) 상태 레지스터 등으로 구성되어 있습니다.

i) 보수기

가산기에서 뺄셈은 불가능하므로, 보수기에서 빼는 수를 보수로 바꾸어줍니다.

Ex> 100 - 30을 100 + (-30)으로 바꿔주는 역할

ii) 데이터 레지스터

연산에 사용할 데이터나 결과 데이터를 일시적으로 기억하는 장치입니다.

iii) 가산기

보수기와 누산기에 저장된 데이터를 더하여 누산기에 저장해줍니다.

iv) 누산기

주기억 장치로부터 연산할 데이터를 받아 저장하거나 가산기로부터 연산 결과를 받아 저장합니다.

v) 오버플로우(overflow) 검출기

결과가 레지스터의 용량보다 커서 저장할 수 없을 때, 에러를 발생시켜 사용자에게 알려줍니다.

vi) 상태 레지스터

결과의 상태(자리 올림, 오버플로우, 연산 결과가 양수 또는 음수 또는 0인지)를 나타냅니다.

하드웨어의 구성

Clouds_ — Thu, 3 May 2018 01:02:29 +0900

이미지 출처 : 본인 제작

컴퓨터 시스템의 하드웨어는

i) 중앙 처리 장치 (CPU)

ii) 주/보조 기억 장치

iii) 입력 장치

iv) 출력 장치 등으로 구성되어 있습니다.

i) 중앙 처리 장치 (CPU)

비교, 판단, 연산을 담당하는 연산 장치와 명령어의 해석과 다른 장치에게 실행을 지시하는 제어 장치, 데이터를 임시로 저장하는 레지스터로 구성되어 있습니다.

ii) 주/보조 기억 장치

직접 데이터를 주고 받는 역할을 하는 주기억 장치와 많은 양의 데이터와 프로그램을 보관하는 보조 기억 장치로 구성되어 있습니다.

iii) 입력 장치

컴퓨터 사용자로부터 데이터를 받고 컴퓨터 내부에서 사용할 수 있는 정보 코드로 변환해주는 역할을 합니다.

Ex> 키보드, 마우스, 스캐너, 카메라, 조이스틱 등

iv) 출력 장치

컴퓨터에서 처리한 결과를 사람이 이해할 수 있는 문자, 그림 등으로 변환하는 역할을 합니다.

Ex> 모니터, 스피커, 프린터, 3D 프린터 등