JE의 끄적끄적

TOEIC Speaking 유형

		준비	답변
Part1 (Q1-2)	지문읽기	각 45초	45초
Part2 (Q3)	사진 묘사하기	45초	45초
Part3 (Q4-6)	질문에 답하기	각 3초	Q4-5 : 15초 / Q6 : 30초
Part4 (Q7-9)	표보고 질문에 답하기(듣기)	각 3초	Q7-8 : 15초 / Q9 : 30초
Part5 (Q10)	문제점 듣고 해결책 제시하기(듣기)	45초	60초
Part6 (Q11)	의견 제시하기	30초	60초

Part2 사진 묘사하기( 10문장 정도 말해야됨. )

소개 1	This picture was taken (in, at) a ___, I can see some people indoors(outdoors)
인물묘사 5 (동작 위주로)	well, I see a __, __ is wearing __, has __hair They look great together. I can see ~~, there are so many ~~
장소묘사 3	in the foreground / background / right / left ~~ It seems like a sunny / rainy / cold day.
느낌 마무리 1	Everything in this picture seems peaceful.

+ 배경 중심으로 인물 묘사 부족할 때

oh~ the scenery looks so exotic! I want to visit here someday.

Part3 질문에 답하기

4. 빈도, 시간

How often / many time ~~

-> once/twice a day/week/month/year/everyday

How long / many hours

-> for two hours / minutes

How ~~

-> by, on, at, for ~~

two days ago

5. 취향, 장/단점,

종류, 의견

6. 질문 다시 말하기

질문 다시 말하기

(근거 1) The first point I want to say is that ~~

(근거 2) second, ~~

( 결론 ) so/ therefore, ~~ , I think ~~ is best.

+ 좋은 이유

(가격) The price is very attractive and reasonable. so I can save money.

(위치) The 00 is conveniently located, It is close to the subway station.

(서비스)　they offer 00 for free, they care about people.

Part4 표보고 질문에 답하기

will be held : 열리다.

there will be 00 : 00이 있다.

the first is, the second is, the last one is ~

00 has been canceled : ~이 취소되다.

on 날짜 at 장소 by 누구

/ at 시간 / In 년도

It begin at 00 and finish at 00.

The fee is 00.

00 is located at 00.

00 graduated from 00.

you should go to ~ : 너는 ~로 가야한다.

~ will start : ~가 시작한다.

~ will talk about, present, speak about

we are open from : 영업한다.

we close : 영업을 종료한다.

will be provided = will be served : 제공되다.

답변

- yes, ~~

- No actually not, ~~

Part5 문제점 듣고 해결책 제안하기

인사	Hello, this is jungeun calling, How are you?
문제인식	I heard about your problem, and I understand that - you are having a hard time, dealing with 00. - you are looking for a way to 00.
연결	I don’t think it is hard issue.
해결책 제시	So, I suggest that, firstly, if I were you, I would 해결책1. it will be simple and effective. the second suggestion is that 해결책2.
끝인사	If you need something more, don’t hesitate to call me.

+ 홍보

post up ads on facebook / notice on websites.

contact universities and colleges.

set up a booth at the street, meet customers face to face.

This is the best way to get their feedback.

give out samples on the street.

+ 돈부족

get a sponsorship from local company.

sell snacks and drinks

get a participation fee

+ 혼잡

Impose fine

get reservation, and limit the number of people.

divide timezone by morning and afternoon.

send out employee and guide people.

Part6 의견 제시하기

서론	주장(본문 보고)
연결	There are some reasons why I think so.
본론	The first point I want to say is that ~~ Second ~~
예시	for example, I have a friend, and he has an experience with 00. He told me that 00.
결론	That’s it.

저작자표시

'잡동사니' 카테고리의 다른 글

TOEIC Speaking Part2 빈출 표현 (0)	2020.03.05
TOEIC Speaking Part3 빈출 표현 (0)	2020.03.05
[CSS]CSS 기초1 (0)	2020.01.30
[CSS]CSS 기초 (0)	2020.01.23
[HTML] HTML 태그 (0)	2020.01.22

HTML5와 시맨틱 태그

시맨틱 태그 : 이름만 보고도 문서 구조에서 어떤 역할을 하는지 쉽게 이해할 수 있는 태그

header : 머리말을 지정하는 태그
nav : 문서를 연결하는 내비게이션 링크 ex) 홈페이지 상단 메뉴바

 header 태그로 헤더 영역 만들기

<header>
	<nav>
		<ul>
    		<li> <a href="#"> 메뉴1 </a></li>	
            <li> <a href="#"> 메뉴2 </a></li>	
            <li> <a href="#"> 메뉴3 </a></li>	
            <li> <a href="#"> 메뉴4 </a></li>	
       	</ul>
	</nav>
</header>

hn : 제목을 표시하는 태그
iframe : 외부 문서를 삽입하는 태그
- ex) html안에 html 넣기
section : 주제별 콘텐츠 영역을 지정하는 태그
article : 독립적인 콘텐츠 내용을 삽입하는 태그
aside : 본문 이외의 내용 표시하기 ex) 사이드바, 광고나 링크 모음 등
footer : 제작 정보를 나타내는 태그
address : 사이트 제작자와 연락처를 나타내는 태그 주로 footer 태그 안에 사용됨

HTML5와 멀티미디어

object : 웹 문서에 외부 파일을 삽입하는 태그
audio : 오디오 파일을 삽입하는 태그 ex) 배경음악
video : 비디오 파일을 삽입하는 태그
source : 모든 브라우저를 지원하기 위해 다양한 형식으로 변환된 비디오를 삽입하는 태그
track : 비디오에 자막 파일을 연결해 표시하는 태그

CSS3 선택자

연결 선택자 : 선택자와 선택자를 연결해 적용 대상을 한정시킴
- 하위 선택자 : 지정한 모든 하위 요소에 스타일 적용하기 - 상위요소 하위요소
- 자식 선택자 : 자식 요소에만 스타일 적용하기 - 부모요소 > 자식요소
- 인접 형제 선택자 : 가장 가까운 형제 요소에 스타일 적용하기 - 요소1 + 요소2
- 형제 선택자 : 형제 요소에 스타일 적용하기 - 요소1 ~ 요소2

속성 선택자 : 태그 안에서 사용하는 속성들의 값에 따라 스타일 지정
- [속성] : 특정 속성을 사용한 요소에 적용할 스타일
- [속성=값] : 특정 값을 갖는 속성에 적용할 스타일
- [속성 ~= 값 ] : 여러 값 중 특정한 값이 포함된 속성에 적용할 스타일
- [속성 |= 값] : 특정 값이 포함된 속성에 적용할 스타일
- [속성 ^= 값] : 특정 값으로 시작하는 속성에 적용할 스타일
- [속성 $= 값] : 특정 값으로 끝나는 속성에 적용할 스타일
  - ex) a[href $= "hwp"] // hwp로 끝나면 한글파일 이미지를 적용한다.
- [속성 *= 값] : 값의 일부가 일치하는 속성에 적용할 스타일

가상 클래스 : 사용자의 동작에 반응하는 선택자
- :link : 방문하지 않은 링크에 스타일 적용
- :visited : 방문한 링크에 스타일 적용
- :hover : 요소 위에 마우스 포인터를 올려놓을 때 적용할 스타일
  - ex) 이미지 위로 마우스 올려놓으면 다른 이미지로 바뀌는 롤오버 효과(rollover)
- :active : 요소를 클릭 했을 때 적용할 스타일
- :focus : 웹 요소에 초점이 맞추어 졌을 때 적용할 스타일
- :nth-child(n) : n번째 자식 요소에 적용할 스타일

CSS3와 애니메이션

transform : 회전, 이동, 확대, 축소, 왜곡 웹 요소 변형하기
transition : 전환 효과 만들기 진행시간, 속도 곡선, 지연 시간 설정
- ex) 웹 요소의 배경색이 바뀌거나 도형의 테두리가 원형으로 바뀌는 것처럼 스타일 속성이 바뀌는 것
animation : css로 애니메이션 만들기
@keyframes : 애니매이션을 만들 때 바뀌는 중간 지점 만들기

'잡동사니' 카테고리의 다른 글

TOEIC Speaking Part3 빈출 표현 (0)	2020.03.05
TOEIC Speaking 유형 정리 & 템플릿 (0)	2020.03.05
[CSS]CSS 기초 (0)	2020.01.23
[HTML] HTML 태그 (0)	2020.01.22
STT(Speech-to-Text) (1)	2019.06.02

HTML은 웹 문서의 내용을 맡고, CSS는 웹 문서의 디자인을 담당한다.

스타일과 스타일 시트

내부 스타일 시트

: <head>태그과 </head> 태그 안에서 정의해야 하고 <style>태그와 </style> 태그 사이에 작성한다.

외부 스타일 시트

: 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용하는 것

<link href="외부 스타일 파일 경로" rel="stylesheet" type="text/css">

인라인 스타일

: 간단한 스타일 정보라면 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시한다.

ex)
<p style="color:blue;"> 인라인 스타일 </p>

주요 선택자

전체 선택자 : 모든 요소에 스타일 적용하기

* { 속성 : 속성 값; 속성 : 속성 값; ... }

ex) 
* {
	margin: 0;
    padding : 0;
}

태그 선택자 : 특정 태그를 사용한 요소에 스타일 적용하기

태그 { 스타일 }

ex)

p {
	font-size:small; // 글자 크기
    font-weight:blod; // 글자 모양
}

클래스 선택자 : 특정 부분에 스타일 적용하기

.클래스명 { 스타일 }

ex)
.bluetext{
	color : blue;
}

...

<p class="bluetext"> 클래스 선택자 </p>

id 선택자 : 특정 부분에 스타일 적용하기

※ 클래스 선택자와 비슷하지만 id 선택자는 딱 한번만 쓸 수 있다.

#아이디명 { 스타일 }

ex)
#container {
	width : 400px;
    height : 200px;
    margin : 0 auto;
}

...

<div id="container"> id 선택자 </div>

그룹 선택자 : 둘 이상 요소에 같은 스타일 적용하기

이름, 이름 .. { 스타일 }

 ex)
 h1, h2 {
 	text-align:center;
 }

캐스캐이딩(Cascading) 스타일 시트(CSS)

: 캐스캐이딩이란 '위에서 아래로 흐르는 스타일 시트'라는 뜻으로, 선택자에 적용된 많은 스타일 중에 어떤 스타일을 나타낼지를 결정함을 뜻한다.

1. 스타일 우선 순위

- (명시도) 인라인 스타일 > id스타일 > 클래스 스타일 > 태그 스타일

- (Source Order) 같은 스타일의 경우, 소스에서 나중에 온 스타일이 먼저 온 스타일을 덮어쓴다.

2. 스타일 상속

스타일 시트에서는 자식 요소에서 별도로 스타일을 지정하지 않으면 부모 요소에 있는 스타일 속성들이 자식 요소로 전달된다.

※ 스타일의 모든 속성이 부모 요소에서 자식 요소로 상속되는 것은 아니다.

텍스트 관련 스타일

font-family : 글꼴을 지정하는 속성
font-size : 글자 크기를 지정하는 속성
font-weight : 글자 굵기를 지정하는 속성
font-sytle : 글자 스타일을 지정하는 속성
color : 글자 색을 지정하는 속성
text-decotation : 텍스트에 줄 표시하기 / 없애기 ex) 링크에서 생기는 밑줄 없애기
text-align : 텍스트 정렬하기
text-overflow : 넘치는 텍스트 표기하기
list-style : 목록 스타일 지정하기

색상과 배경을 위한 스타일

background-color : 배경색을 지정하는 속성
background-image : 배경 이미지를 지정하는 속성
background-repeat : 배경 이미지의 반복 방법을 지정하는 속성
background-size : 배경 이미지의 크기를 조절하는 방법
background-position : 배경 이미지의 위치를 지정하는 방법
background-origin : 배경 이미지의 배치 기준 조절하는 방법
background-attachment : 배경이미지의 고정 여부를 지정하는 속성 ex) 화면이 스크롤되더라도 배경 이미지는 고정되게 하기
background-size : 배경 이미지의 크기를 조절하는 속성
background : 배경을 한꺼번에 지정하는 속성

레이아웃을 위한 스타일

width, height : 박스 모델의 너비와 높이
- 속성을 auto 로 설정 시 박스 모델의 너비와 높이 값이 콘텐츠 양에 따라 자동의로 결정됨
display : 화면에서 요소가 어떻게 보일지를 결정하는 속성
- display : flex : 가로 정렬
border : 박스 모델의 테두리 - style, width, color, radius, shadow
margin : 박스 모델의 마진(요소와 요소 사이의 여백)
padding : 박스 모델의 패딩(테두리와 내용 사이의 여백)
border-radius : 박스 모델의 모서리를 둥글게 처리

CSS 포지셔닝

float : 왼쪽이나 오른쪽에 배치
- 문서 구조 만들기 - header, sidebar, contents, footer ...
clear : float 속성 해제
positon : 배치 방법 지정
- fixed 속성 값 : 브라우저 창 기준으로 배치하기 ex) top 버튼 : 스크롤하더라도 정해진 위치에 계속 고정
visibility : 요소를 화면에 표시하거나 감추기
- ex) 팝업창 삭제 시 visible에서 hidden으로 변경하기
z-index : 요소의 쌓는 순서 결정
column : 다단 편집
- 속성 : width(단의 너비), count(단의 개수), gap(단과 단 사이 여백), rule(구분선의 색상, 스타일, 너비), break-after(다단 위치 지정), column-span(여러 단을 하나로 합치기)
border-collapse : 테두리 합치기
table-layout : 콘텐츠에 맞게 셀 너비 지정
vertical-align : 셀 안에서 수직 정렬

'잡동사니' 카테고리의 다른 글

TOEIC Speaking 유형 정리 & 템플릿 (0)	2020.03.05
[CSS]CSS 기초1 (0)	2020.01.30
[HTML] HTML 태그 (0)	2020.01.22
STT(Speech-to-Text) (1)	2019.06.02
LG그램 노트북 공장초기화 실패 해결하기 (2)	2019.06.02

HTML 문서 기본 구조

<!DOCTYPE html>
<html>
	
    <head>	// 문서 정보를 주는 태그
    ...
    </head>
	
    <body>	// 화면에 보일 내용 태그
    ...
    </body>
    
    
</html>

텍스트 관련 태그

제목 태그 : <h1> 제목 </h1> (1~6까지 있음, 1이 가장 큰 제목)
단락 만들기 : <p> 텍스트 </p>
줄 바꾸기 : <br>

※ 띄어쓰기 -  

목록을 만드는 태그

순서 없는 목록 태그 : <ul>, <li>
순서 목록 태그 : <ol>, <li>

예제

<ol>
		<li>목록1</li>
		<li>목록2</li>
</ol>

<ul>
		<li>목록1</li>
		<li>목록2</li>
		<li>목록3</li>			
</ul>

출력 결과

1. 목록1
2. 목록2

- 목록1
- 목록2
- 목록3

※ <li> 태그 블릿 없애기 - list-style:none;

표를 만드는 태그 <table>

<thead> 태그는 표의 제목 영역 <table> 하위, <tr> 상위에 위치합니다.
<tbody> 태그는 표의 본문 영역 <thead>와 같은 위치에 존재합니다.
<tfoot> 태그는 표 요약 영역
<tr> 표의 열 <td> 표의 행

예제

<table>
	<thead>
		<tr>
			<th>학교</th>
			<th>창립년도</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>서울대학교</td>
			<td>1946</td>
		</tr>
		<tr>
			<td>고려대학교</td>
			<td>1905</td>
		</tr>
		<tr>
			<td>연세대학교</td>
			<td>1885</td>
		</tr>
	</tbody>
</table>

출력 결과

학교	창립년도
서울대학교	1946
고려대학교	1905
연세대학교	1885

이미지와 하이퍼링크

이미지 : <img src="이미지경로" alt="대체_텍스트">
링크 만들기 : <a> 태그 <a href ="링크 주소"> 텍스트 </a>

※ 새 탭에서 링크 열기 : <a href="링크 주소" target="_blank"> 텍스트 </a>

구역을 나누는 태그

<div> : 한줄 전체 공간을 차지(block element)
<span> 자기 내용물 만큼의 공간만 차지(inline element)

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초1 (0)	2020.01.30
[CSS]CSS 기초 (0)	2020.01.23
STT(Speech-to-Text) (1)	2019.06.02
LG그램 노트북 공장초기화 실패 해결하기 (2)	2019.06.02
프론트엔드(Front-end)와 백엔드(Back-end)의 차이 (0)	2019.05.05

STT(Speech-to-Text)

"00아, 오늘 날씨는 어때?” 들어보거나 혹은 직접 AI 스피커에 얘기해본 적이 있을 것이다. 이는 STT(Speech-to-Text) 기술을 활용 한 것이며, 음성 인식이라고도 한다.

음성 인식(Speech Recognition)이란, 사람이 말하는 음성 언어를 컴퓨터가 해석해 그 내용을 문자 데이터로 전환하는 처리를 말한다. 키보드 대신 문자를 입력하는 방식으로 주목을 받고 있다. 로봇, 텔레매틱스 등 음성으로 기기 제어,, 정보검색이 필요한 경우에 응용된다.

대표적인 알고리즘은 HMM(Hidden Markov Model)으로서, 다양한 화자들이 발성한 음성들을 통계적으로 모델링하여 음향 모델을 구성하며 말뭉치 수집을 통하여 언어 모델을 구성한다.

+ TTS(Text-to-Speech) : 음성 합성

HMM(Hidden Markov Model) - 은닉 마르코프 모델

은닉 마르코프 모델은 시간의 흐름에 따라 변화하는 시스템의 패턴을 인식하는 작업에 유용하다.

은닉 마르코프 모델에서는 상태를 직접적으로 볼 수 없고 상태들로부터 야기된 결과들만을 관찰할 수 있다. 각각의 상태는 특정 확률 분포에 따라 여러가지 결과를 도출해 낼 수 있으므로, HMM으로부터 생성된 결과들의 나열은 숨겨진 상태들에 대한 정보들을 제공하고 있다고 생각할 수 있다.

관찰된 결과들(observation)을 이용하여 간접적으로 은닉 상태(state)를 추론하기 위한 문제를 풀기 위해 사용된다.

ex) HMM 개념 이해 예시

영희와 철수는 멀리 떨어져서 살고 있기 때문에 안부를 전화로 물을 수밖에 없다. 철수의 일과는 'walk', ‘shop’, ‘clean’ 하는 세가지로 있는데, 무엇을 할지는 그 날의 날씨에 따라 결정된다. 영희는 철수가 살고 있는 지역의 날씨에 관해서 정확히는 모르고 대략적인 경향성만을 알고 있을 뿐이다. 영희는 철수와의 통화내용에 기반하여 그 지역의 날씨를 예측해보려고 한다.

영희는 날씨가 이산 마르코프 연쇄로 동작한다고 믿는다. ‘Rainy’, ‘Sunny’이라는 두 가지 상태가 있다는 것을 알지만 직접 관찰할 수 없기 때문에 정확히 알 수는 없다. 즉, 날씨는 영희에게 은닉 상태이다. 철수는 그 날의 날씨에 따라서 걷거나, 쇼핑을 하거나, 청소를 하고 영희는 전화 통화를 통해 그것들을 관찰한다. 이는 은닉 마르코프 모델의 좋은 비유가 될 수 있다.

철수의 일과가 'walk', 'shop' 이였다면 높은 확률로 날씨가 'Sunny' 할 것이라고 예측할 수 있다.

ex) HMM이 사용되는 예시

음성 인식, 필기 인식, 동작 인식, 품사 태깅, 악보에서 연주되는 부분을 찾는 작업

+ 음성 인식 : 음성을 듣고 무슨 말을 했는지 결과를 단어나 문장으로 바꾸면 된다. 연속적인 전압의 높낮이(음성신호)를 해당 문자로 대치하려면 음성신호의 반복패턴을 찾아내서 매칭 시켜야 한다. 즉 반복 패턴(결과)을 어떤 단어나 문장과 매칭(은닉된 상태)시키는 기술의 키가 패턴 인식이고 이것의 핵심이 HMM이라는 것이다.

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초1 (0)	2020.01.30
[CSS]CSS 기초 (0)	2020.01.23
[HTML] HTML 태그 (0)	2020.01.22
LG그램 노트북 공장초기화 실패 해결하기 (2)	2019.06.02
프론트엔드(Front-end)와 백엔드(Back-end)의 차이 (0)	2019.05.05

LG 노트북 공장 초기화는 부팅 시 F11을 눌러 전용 공장 초기화 모드인 LG Recovery Center로 쉽게 공장 초기화를 진행할 수 있습니다.

하지만

이러한 '공장 초기화를 완료하지 못하였습니다' 라는 문구만 나오는데 ㅠㅠ

LG전자 서비스에 들어가 찾아보니

Window 업데이트 후 공장 초기화 안됨 현상 관련 Patch file (2019.01.09)이 있었습니다!

https://www.lgservice.co.kr/download/selectProductSearch.do //LG전자 서비스

스크롤을 내려 기타항목을 클릭하고 Window 업데이트후 공장 초기화 안됨현상관련 Patch file을 클릭하세요.

Ctrl+F로 본인의 모델이 해당되는지 다시 한번 확인하고 파일을 다운로드 해줍니다.

다운로드가 끝나면 다시 재부팅 후 F11을 눌러 공장 초기화를 진행해 줍니다.

아주 잘 됩니다!!

노트북에 이상이 있는줄 알고 서비스 센터에 갈 뻔했는데 다행히 집에서 해결할 수 있었습니다. 휴..

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초1 (0)	2020.01.30
[CSS]CSS 기초 (0)	2020.01.23
[HTML] HTML 태그 (0)	2020.01.22
STT(Speech-to-Text) (1)	2019.06.02
프론트엔드(Front-end)와 백엔드(Back-end)의 차이 (0)	2019.05.05

프론트 엔드(Front-end)

: 사용자들 눈에 보이는 화면을 개발, 디자인하는 영역

HTML(Hyper Text Makup Language) - 웹 페이지의 뼈대(전체적인 틀) 구성

CSS(Cascading Style Sheets) - HTML로 작업된 웹페이지에 디자인적인 부분(컬러나 폰트, 위치 등)을 꾸밀 때 사용하는 스타일 시트 언어

Javascript - 정적인 웹페이지를 동적으로 만들어준다.

백엔드(Back-end)

: 보이지 않는 프로그램의 뒷 부분에 해당하는 서버, 프로그램의 기능 등의 영역을 의미

웹페이지의 컨텐츠를 공급하며, 내부적으로 DB(Database)를 저장하거나 관리하는 역할을 한다.

JAVA, JSP, Spring, 파이썬 등 프로그래밍 언어, 프레임워크, 데이터베이스의 지식이 필요하다.

+ 풀스택(Full Stack)

: 프론트엔드, 백엔드 두 가지를 다 할 줄 아는 사람

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초1 (0)	2020.01.30
[CSS]CSS 기초 (0)	2020.01.23
[HTML] HTML 태그 (0)	2020.01.22
STT(Speech-to-Text) (1)	2019.06.02
LG그램 노트북 공장초기화 실패 해결하기 (2)	2019.06.02

초이의 끄적끄적

잡동사니

TOEIC Speaking 유형 정리 & 템플릿

TOEIC Speaking 유형

Part2 사진 묘사하기( 10문장 정도 말해야됨. )

Part3 질문에 답하기

Part4 표보고 질문에 답하기

Part5 문제점 듣고 해결책 제안하기

Part6 의견 제시하기

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초1

HTML5와 시맨틱 태그

HTML5와 멀티미디어

CSS3 선택자

CSS3와 애니메이션

'잡동사니' 카테고리의 다른 글

[CSS]CSS 기초

스타일과 스타일 시트

주요 선택자

캐스캐이딩(Cascading) 스타일 시트(CSS)

텍스트 관련 스타일

색상과 배경을 위한 스타일

레이아웃을 위한 스타일

CSS 포지셔닝

'잡동사니' 카테고리의 다른 글

[HTML] HTML 태그

'잡동사니' 카테고리의 다른 글

STT(Speech-to-Text)

'잡동사니' 카테고리의 다른 글

LG그램 노트북 공장초기화 실패 해결하기

'잡동사니' 카테고리의 다른 글

프론트엔드(Front-end)와 백엔드(Back-end)의 차이

'잡동사니' 카테고리의 다른 글

+ Recent posts

티스토리툴바