다루두루

블로그 이미지

차케요

공부하면서 정리하는 노트같은 블로그입니다.

swift WebView 그리고 ActivityIndicatorView

아이폰 개발 기초 2018. 3. 30. 10:58

swift WebView 그리고 ActivityIndicatorView

 

앱에서 여러 가지의 화면을 구성할 때 UI나 그 내용을 직접 만들어도 되지만 공지사항처럼 자주 업데이트를 해야 하는 것 등.... 필요에 따라서는 웹(서버)에 html 파일을 만들어서 연결을 해야 할 때도 있을 것 같다. 그래서 컴퓨터에 구축해 놓은 local 서버에 html 파일을 하나 넣은 후 swift에에서 WebView를 이용해서 출력하는 과정을 정리해 놓으려고 한다.

 

우선 서버에 간단한 html 파일을 하나 만들어서 넣는다.

html파일

현재 컴퓨터의 LocalServer 폴더에 하나의 문자를 출력하는 noti.html 파일을 추가했다. 이제 xcode에서 WebView를 이용해서 출력을 해보자.

 

webview 종류

webView는 두 가지가 있는데 난 WebKin View를 이용했다. 아직 두 녀석의 특성을 모두 알지는 못하지만 자바스크립트가 작동하도록 하려면 Webkit View를 이용하는 게 유리하다는 얄팍한 지식을 어디서 본 거 같아서 선택을 했다. (WebView에서도 자바스크립트를 작동할 수 있는지는 아직 잘 모르겠다. ^^ㅎ)

 

 

이제 swift 파일에서 Webkit View를 추가하고 몇 가지 속성을 설정해주자.

소스코드

먼저 WebKit을 import한 후에 webView 변수에 저장을 했다. 그리고 자바스크립트가 작동하도록 하기 우해서 WKPreferences를 불러와서 javaScriptEnabled의 값을 true로 설정했으며 localhost의 html파일을 url로 지정한 후 캐시를 지우도록 했다. 그리고 웹 페이지가 열리는 1초 미만의 시간이라도 페이지가 열리고 있음을 알리기 위해서 UIActivityIndicatorView를 가져와서 프로그레스를 표시하도록 했으며 webView가 모두 열리고 나면 진행을 멈추도록 했다.

 

상황에 따라서는 다양한 설정이 추가되야 할 테지만 오늘은 일단 webView에서 서버에 저장된 html 파일을 열어보는 과정만 정리하면서 마무리한다.

저작자표시 비영리 변경금지 (새창열림)
Posted by 차케요

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

카테고리

NEW (900)
아이폰 개발 기초 (7)
취미 (16)
아두이노 (16)
[안드로이드] 어플만들기 (77)
안드로이드 기초 다지기 (61)
슈팅게임 만들기 (4)
[JAVA]자바 공부하기 (48)
C언어 알고리즘 (61)
[Unity3D]유니티3D 강좌 (7)
컴퓨터 (325)
포토샵CS2 강좌 (6)
유용한 프로그램 (244)
리눅스 노트정리 (22)
임베디드 리눅스 (11)
New블로그 (9)
음식의 효능 (4)
일반상식 (56)
HTML 공부 (40)
포토샵 공부 (36)
엑셀 (6)
파워포인트 공부 (19)
노트정리 (38)
일상 (33)
TV영화 (85)
방명록 : 관리자 : 글쓰기
차케요's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

다루두루

공부하면서 정리하는 노트같은 블로그입니다.

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • NEW (900)
    • 아이폰 개발 기초 (7)
    • 취미 (16)
      • 아두이노 (16)
    • [안드로이드] 어플만들기 (77)
      • 안드로이드 기초 다지기 (61)
      • 슈팅게임 만들기 (4)
    • [JAVA]자바 공부하기 (48)
    • C언어 알고리즘 (61)
    • [Unity3D]유니티3D 강좌 (7)
    • 컴퓨터 (325)
      • 포토샵CS2 강좌 (6)
      • 유용한 프로그램 (244)
    • 리눅스 노트정리 (22)
      • 임베디드 리눅스 (11)
    • New블로그 (9)
    • 음식의 효능 (4)
    • 일반상식 (56)
    • HTML 공부 (40)
    • 포토샵 공부 (36)
    • 엑셀 (6)
    • 파워포인트 공부 (19)
    • 노트정리 (38)
    • 일상 (33)
    • TV영화 (85)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바