jquerymobile 로 업무용 image 검색페이지 만들기

업무용 PDF 파일을 변환, 제이쿼리모바일(jquerymobile)을 이용하여 간편하게 이미지 검색페이지(image search pages)를 만들어 본다.
4.0 (4 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
166 students enrolled
Free
Start Learning Now
  • Lectures 31
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages Korean
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2016 Korean

Course Description

PDF 파일을 각 페이지별로 이미지 파일로 만들어서,
이미지 검색이 가능하게 만들어 보고자 한다.

이렇게 하면, 서버의 부하를 줄일 수 있고,

사용자가 찾고자 하는 내용을 비교적 빠르게 보여줄 수 있을 것이다.

그러나 반면, PDF 파일을 통째로 배포하는 것보다 단점도 있을 것이다.
예를 들면 페이지를 연속으로 스크롤하는 것은 PDF 원본을 보는 것이 더 나을 수 있겠다.

이 동영상은 모두 업무시간 외에 작업하였다.
회사에서 이런일은 (일부 업무에) 도움은 되나 그다지 환영받지 못한다.

새벽시간대나 주말을 이용하여 작업하여야 만 했다.
IT 기술이 사람들에게 도움이되나 과소평가되는 경향이 있다.

혹시라도 유료로 올렸다면 회사에서 맡은 업무가 IT쪽이 아니기 때문이다.
순전히 개인적인 관심과 노력으로 만들어진 것이다.

강의에 사용된 업무용 자료는 배포되지 않아야 한다.
각자 자신의 파일을 사용하여 학습하여야 한다.

그러나, 녹음한 동영상은 다운로드 가능하게 하였다.
도움이 되었으면 한다.

What are the requirements?

  • 브라우져에서 HTML 소스코드를 열어본적이 있는 수준이라면 수강이 가능하다.

What am I going to get from this course?

  • 어떤 PDF  파일이든, 이미지로 변환하여 검색페이지로 바꿀 수 있다.

What is the target audience?

  • 업무용 PDF 파일이 많은데, 이를 검색페이지로 구현하고자 할 때 참고할 수 있는 강의이다.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: 자료의 준비와 프로그램의 설치 등 사전준비
02:59

작업대상 PDF 파일 소개 및 작업 개요 설명합니다.

04:07

먼저 해당 PDF 파일이 광학문자판독이 되는지 알아볼 필요가 있어서, 아크로벳을 설치하고자 합니다.

03:55

아크로벳 Pro DC 의 평가판을 찾아서 다운로드 합니다.

04:47

jquerymobile.com 데모버전 소개, 그 중에 listview widget 에 대해 알아 봅니다.

04:16

맥북에서 기본적인 터치패드 사용법에 대해 알아 보고, 한편 아크로벳을 설치합니다.

02:22

아크로벳에서 일부 페이지에서 문자 판독을 실행해 봅니다.

05:25

광학문자 판독의 결과를 확인하고 인식율을 검토합니다.

1 question

아크로벳과 아크로벳 리더의 차이점을 안다.

Section 2: HTML 페이지에서 제이쿼리모바일 CSS 파일과 JS 파일 링크하기
04:06

먼저 각 이미지의 제목을 리스트로 만듭니다.

05:41

각각의 이미지의 제목과, 페이지 및 파일이름을 조합하여 li 태그를 만듭니다.

04:07

제이쿼리모바일 데모파일을 다운로드하여 내용을 살펴봅니다.

07:12

HTML, CSS, JS 등을 편집할 수 있는 프로그램을  설치합니다.

06:04

index 파일, 및 필요한 폴더를 구성합니다.

06:04

데모 파일을 변경하여 우리가 필요로하는 index 파일로 만들어 갑니다.

07:28

jquery.mobile.css 파일을 링크합니다.

06:00

jquery.mobile.js 파일을 링크합니다.

05:50

jquery.js 파일을 링크합니다.

1 question

검색페이지를 만드는데 필요한 제이쿼리모바일의 3개의 파일에 대해 알아봅니다.

Section 3: 검색페이지에 리스트 필터링 및 그룹핑 기능 적용
09:24

612개의 리스트를 화면에 표시하기 위한 li 태그 들을 스프레드시트에서 생성하여 html 코드를 만듭니다.

07:03

리스트에서 원하는 이미지만 필터링 하는 기능을 추가합니다.

07:41

리스트를 각 장별 내용으로 그룹핑하여 보여줍니다.

07:01

리스트를 각 장별 내용으로 그룹핑하여 보여줍니다.

02:29

리스트를 각 장별 내용으로 그룹핑하여 보여줍니다.

10:47

전체적으로 코드를 다듬어 봅니다.

11:24

제이쿼리모바일 데모사이트의 페이지 템플릿과 비교하여 우리가 만든 HTML 코드가 맞는지 확인합니다.

08:47

서버환경에서 제대로 보이는지 확인하기 위해 크롬 브라우저용 웹 서비스 앱을 설치합니다.

Section 4: 검색페이지에 사용될 이미지 파일들 만들기
04:40

관심있는 PDF 파일을 일괄 각 페이지별 이미지 파일로 변환합니다.

04:57

각 페이지별로 변환된 이미지 파일의 파일이름을 일괄 변환합니다.

04:19

이미지의 링크가 제대로 되었는지 확인합니다.

02:22

작은 이미지 파일들을 일괄 생성하기위해 알씨를 설치합니다.

03:56

알씨를 이용하여, 일괄 파일 사이즈를 변경하여 새로운 폴더에 담습니다.

08:54

작은 이미지 파일도 파일이름을 일괄 변경합니다.

1 question

이미지 사이즈 변환, 이름 일괄 변경 툴에 대해 알아 봅니다.

Section 5: 마무리 정리
04:39

전체 내용을 복습합니다.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

NORTHPARD SNOWCOUNTRY, iOS/Android/Web/Unity3d Developer

Hello, I'm an engineer for KORAIL, in Korea. I'm writing and managing lots of manuals for repairing KTX train over 10 years.

And I want to use English language and Programming language, therefore I'm a student of Udemy, I'm learning more than 40 courses.

I am managing a web site and making android apps for the internal purpose of our company to give useful information needed for repairing KTX trains.

Ready to start learning?
Start Learning Now