본문 바로가기
안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/HTML 도메인

HTML(언어 사용 html,css,js) 무료 호스트 및 간단한 도메인 만들기 1-2

by 차누감 2019. 10. 17.

무료 호스트 및 간단한 도메인 만들기 1-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
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
 
 
 
 
public class MainActivity extends AppCompatActivity {
 
    TextView tv;
    ImageView iv;
 
    //읽어올 텍스트, 이미지 파일의 주소
    String textUrl="http://umul.dothome.co.kr/test.txt";
    String imgUrl="http://umul.dothome.co.kr/winter.gif";
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        tv=findViewById(R.id.tv);
        iv=findViewById(R.id.iv);
    }
 
    public void clickBtn(View view) {
        //네트워크 작업은 별도의 Thread이 해야함. 퍼미션도 필요함
        new Thread(){
            @Override
            public void run() {
 
                //무지개로드(inputstream)를 열어주는 해임달(URL) 객체 생성
                try {
                    URL url= new URL(textUrl);
 
                    InputStream is= url.openStream();
                    InputStreamReader isr= new InputStreamReader(is);// 바이트 스트림을 문자 스트림으로..
                    BufferedReader reader= new BufferedReader(isr);// 그러나 한글자씩 읽으므로 한꺼번에 읽으려고 버퍼에 쌓아둔다..
 
                    final StringBuffer buffer= new StringBuffer();
 
                    String line=reader.readLine();
                    while (line!=null){
                        buffer.append(line+"\n");   //읽어 온걸 줄바꿈을 제외하고 가져오므로 라인 끝날때 줄바꿈을 써준다.
                        line=reader.readLine();
                    }
 
                    //읽어온 글씨를 TextView에 보여주기
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            tv.setText(buffer.toString());
                        }
                    });
 
                } catch (MalformedURLException e) {
                    e.printStackTrace();
                } catch (IOException e) {
                    e.printStackTrace();
                }
 
            }
        }.start();
    }
 
    public void clickBtn2(View view) {
    }
}
 
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs

이렇게하면 이미지를 불러오지만, 이미지 해상도가 높으면 못불러 올 수 도 있다.

(clickBtn2를 다시 써보자.)

그리고 이미지를 서버에 올리고 불러오는 작업을 저렇게 코딩하면 힘들다.

이래서 라이브리를 쓰는 것이다. 이미지하면 glide!!

glide 라이브러리를 추가하자.

clickBtn2 코드는 한줄만 써주면 된다.

둘다 잘 되는 것을 볼 수 있다.

 

댓글