Wishlisted Wishlist

Please confirm that you want to add jquerymobile 로 업무용 image 검색페이지 만들기 to your Wishlist.

Add to Wishlist

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.
244 students enrolled
Last updated 10/2016
Korean
Free
Includes:
  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
어떤 PDF  파일이든, 이미지로 변환하여 검색페이지로 바꿀 수 있다.
View Curriculum
Requirements
  • 브라우져에서 HTML 소스코드를 열어본적이 있는 수준이라면 수강이 가능하다.
Description

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

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

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

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

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

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

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

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

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

Who is the target audience?
  • 업무용 PDF 파일이 많은데, 이를 검색페이지로 구현하고자 할 때 참고할 수 있는 강의이다.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 31 Lectures Collapse All 31 Lectures 02:58:46
+
자료의 준비와 프로그램의 설치 등 사전준비
7 Lectures 27:51

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

jq01 만들고자 하는 내용이 담긴 샘플 PDF 파일을 준비
02:59

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

jq02 아크로벳에서의 광학문자판독(OCR)을 위해 윈도우즈 실행
04:07

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

jq03 아크로벳 Trial 버전 다운로드
03:55

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

jq04 제이쿼리모바일 리스트뷰 데모
04:47

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

jq04B 아크로벳 Trial 버전 설치
04:16

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

jq05 아크로벳 광학문자판독(OCR) 기능
02:22

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

jq06 아크로벳 광학문자판독(OCR) 결과
05:25

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

퀴즈
1 question
+
HTML 페이지에서 제이쿼리모바일 CSS 파일과 JS 파일 링크하기
9 Lectures 52:32

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

jq06B 리스트 타이틀 텍스트 키인 하기
04:06

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

jq07 구글 드라이브 스프레드시트에서 HTML 코드 조합하기
05:41

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

jq08 제이쿼리모바일 파일 다운로드 및 구조
04:07

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

jq09 웹개발 편집툴 TextWrangler 와 Brackets.io 설치하기
07:12

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

jq10 이미지 검색페이지 폴더 구성하기 및 index 파일 코드 설명
06:04

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

jq11 index.html 파일 다듬기
06:04

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

jq12 index.html 파일에서 jquery.mobile.css 파일 링크
07:28

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

jq13 index.html 파일에서 jquery.mobile.js 파일 링크
06:00

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

jq14 index.html 파일에서 jquery.js 파일 링크
05:50

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

퀴즈
1 question
+
검색페이지에 리스트 필터링 및 그룹핑 기능 적용
8 Lectures 01:04:36

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

jq15 구글 스프레드시트에서 html 코드 한번에 만들기
09:24

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

jq16 리스트 필터링 기능 - 검색기능 - 구현하기
07:03

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

jq17 그룹핑 하여 리스트 보여주기
07:41

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

jq18 그룹핑 하여 리스트 보여주기
07:01

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

jq19 그룹핑 하여 리스트 보여주기 코드 정리하기
02:29

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

jq19b html 코드 정리하기
10:47

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

jq20 제이쿼리모바일 데모의 페이지 템플릿으로 html 코드 검증하기
11:24

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

jq21 크롬 브라우저용 웹 서비스 앱 설치 및 활용
08:47
+
검색페이지에 사용될 이미지 파일들 만들기
6 Lectures 29:08

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

jq22 PDF파일에서 일괄 이미지 파일로 저장하기
04:40

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

jq23 이미지 파일 이름 일괄 변경
04:57

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

jq24 이미지 파일 이름 일괄 변경후, 웹 페이지에서 이미지 확인
04:19

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

jq25 이미지 파일 사이즈 일괄 줄이기 위해 알씨 설치
02:22

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

jq26 알씨에서 파일 사이즈 일괄 줄이기
03:56

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

jq27 알씨에서 파일 이름 일괄 바꾸기
08:54

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

퀴즈
1 question
+
마무리 정리
1 Lecture 04:39

전체 내용을 복습합니다.

jq28 되짚어 보기
04:39
About the Instructor
4.3 Average rating
62 Reviews
1,377 Students
2 Courses
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.

Report Abuse