Notice
Recent Posts
Recent Comments
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 |
Tags
- toolkit
- 자바스크립트
- ContextAPI
- 코틀린
- 안드로이드
- JS
- Hooks
- JavaScript
- 팝업메뉴 꾸미기
- hoos
- bottomNav
- react
- 리액트
- Menu
- javaSrcript
- Redux
- 커스텀옵션메뉴
- Android
- redux/toolkit
- 메뉴클릭
- Dialog
- custom
- 옵션메뉴꾸미기
- readAsDataURL
- 팝업메뉴
- nodejs
- framework
- itemBackground
- Node
- state_checked
Archives
- Today
- Total
대기업을 향한 디벨롭 블로그
웹뷰를 이용하여 프론트엔드 웹 만들기 본문
웹뷰를 url를 이용하여 만들어진 사이트를 띄었지만 , 내가 직접 웹문서를 작성하여 띄어보자.
먼저 XML에 WebView를 만들어주자.
웹뷰를 소환했다. width와 height를 match_parent속성을 이용하여 화면에 꽉차게 해주었다. id = web_view
그다음 html파일을 만들어주어야하는데 어디에다가 만드냐면 app 폴더안에 assets폴더를 만들어줄거다.
aseets 폴더안에 html파일을 넣어주자.
이름은 main.html이다. 이 assets폴더는 자산이라는 뜻인데 , 파일 , 데이터등을 넣어서 쓰는게 관례라고한다.
다음 MainActivity에서 코드를 작성해 주자.
이렇게 하면
html이 잘 나오는걸 볼 수 있다.
여기서 하나더 CSS를 만들어 디자인을 적용할 수 있다.
assets파일안에 css파일을 만들어준후 html에서 불러와서 사용하면된다.
//html안에 <head>태그안에 삽입
<link rel="stylesheet" href="style.css">
짠 이렇게 css까지 적용해주었다. 자바스크립트도 적용할 수 있다. 하지만 자바스크립트를 적용하기 위해선
binding.webView.settings.javaScriptEnabled = true
이거 필요함 잘 모르면 https://mhypro.tistory.com/35 이거보셈
이렇게 웹 프론트엔드를 직접 만들어서 앱으로 띄우면 앱개발 할 필요없이 그냥 웹딴에서 다만들어서 적용하면 앱이 된다.
이걸 웹뷰앱이라고 부른다.
'나는안드로이드개발자' 카테고리의 다른 글
| XML 예제 Dialog 다이어로그 (0) | 2022.06.15 |
|---|---|
| 오픈라이브러리 CircleImageView 만들기 (0) | 2022.06.15 |
| Web View 만들기 (0) | 2022.06.12 |
| 스톱워치를 만들어보자 2 (리사이클뷰를 이용해 랩타임찍기) (0) | 2022.06.10 |
| 스톱워치를 한번 만들어보자 1 (재생,정지,초기화) (0) | 2022.06.10 |
'나는안드로이드개발자' Related Articles
more
