사람들의 인터넷 의존도와 이용 시간이 지속적으로 늘어나고 있다. 즉, 인터넷 이용을 가능하게 해주는 "웹 브라우저"가 중요한 도구가 되었다는 것이며 "웹 브라우저"를 효율적으로 사용하고 관리하는 능력은 디지털 시대를 살아가는 우리에게 하나의 핵심 역량이 되었다는 것을 의미한다. 인터넷(웹 브라우저)을 효율적으로 사용하기 위해서 고려해야 될 요소들과 "크롬브라우저"를 통해 업무 시간을 단축할 방법들을 배워본다.

1. 디지털바루기 이정훈
Updated:160419
크롬 브라우저로
인터넷 200% 즐기기

2. 강의자료
www.goo.gl/bvWa2b
오늘은 크롬브라우저로 열어보기!

3. 이 정 훈 http://hoonyi.net
정보디자이너
E-mail: leejeonghoon0@gmail.com

4. ?

5. 디지털바루기
정보 디자이너 디지털바루기 블로거

6. 디지털바루기
크롬 브라우저로
인터넷 200% 즐기기

7. 디지털바루기
목차
인터넷 이야기 크롬 확장프로그램
20가지
Q&A크롬 브라우저 기본
20min 30min 110min 20m

8. 세상에서 가장
싫어하는 세 가지

16. INTRODUCTION
1. 인터넷 Society
2. Mobile
3. 웹브라우저
4. 크롬 브라우저

17. 디지털바루기
문서작성

18. 디지털바루기
커뮤니케이션 (SNS, 업무 메신저)

19. 디지털바루기
쇼핑

20. 디지털바루기
INTRODUCTION
1. Internet Society
2. Mobile Society
3. 웹브라우저
4. 크롬 브라우저

21. 디지털바루기
쇼핑
금융,주식,
웹툰,
페이스북, 인스타그램
캘린더, 할 일 관리
업무 메신저,
TV시청, 쇼핑
지도, 카카오톡, 택시
..
강의자료 수정

22. 디지털바루기

23. 디지털바루기
컴퓨터 (스마트폰)
인터넷사업자
(SKT, KT, LGT ... )
인터넷을 사용하려면?

25. safari
Firefox
Chrome
Internet Exproler
INTRODUCTION
1. 인터넷 Society
2. Mobile
3. 웹브라우저
4. 크롬 브라우저

26. 디지털바루기
safari
Firefox
Chrome
Internet Exproler
웹 브라우저
(Web Browser)

27. 디지털바루기
인터넷을 사용하려면, 컴퓨터or스마트폰이 있어야하고
SKT, KT, LGT등의 인터넷 망 사업자에게 통신망을 임대해야한다.
그러면 끝일까?
컴퓨터만 있다고 인터넷 할 수 있는게 아니다.
인터넷을 쉽게 사용할 수 있도록 도와주는 프로그램이 바로 웹 브라우저다.
인터넷을 사용하려면?

28. 디지털바루기
History of Web Browser

29. 디지털바루기
WorldWideWeb (1991년)

30. 디지털바루기
Mosaic(1993년)

31. 디지털바루기
인터넷의 대중화를 이끈 웹브라우저
Netscape Navigator (1994년)
마크 안데르센

32. 디지털바루기
Internet Exproler (1994년)

35. 넷스케이프
인터넷 익스플로러

36. INTRODUCTION
1. 인터넷 Society
2. Mobile
3. 웹브라우저
4. 크롬 브라우저

37. 디지털바루기
구글에서 만든 신개념 OS/웹 브라우저
Chrome (2008년)

38. 디지털바루기
크롬 점유율이 IE점유율을 앞서기 시작
Top 5 Browser in Global (2014 - 2015)

39. 디지털바루기

40. 디지털바루기
Top 5 Browser in South Korea (2008 - 2013)

41. 디지털바루기
Top 5 Browser in South Korea (2014 - 2015)

42. 디지털바루기
Global South Korea
자료: http://gs.statcounter.com/
세계 VS 대한민국
웹 브라우저 점유율 비교

43. 디지털바루기
국가별 점유율이 가장 높은 웹 브라우저
출처: 위키피디아 2015년 7월

44. 디지털바루기

45. 디지털바루기
Why?

46. 디지털바루기
공인인증서/결제 기술 표준으로 엑티브 엑스 사용

47. 디지털바루기

48. 디지털바루기
써보니!

49. 디지털바루기
(1) 가벼운 무게와 빠른 속도

50. 디지털바루기

51. 디지털바루기
(2) 즐겨찾기, 세부설정, 방문기록 등 실시간 동기화

52. 디지털바루기
(2) 즐겨찾기, 세부설정, 방문기록 등 실시간 동기화

53. 디지털바루기
모바일에서도 들어간 페이지 기억
모바일 <-> PC완벽한 연동.
(2) 즐겨찾기, 세부설정, 방문기록 등 실시간 동기화

54. 디지털바루기
(3) 부가기능 설치

55. 디지털바루기
주소: https://chrome.google.com/webstore?hl=ko

56. 디지털바루기
크롬 웹 브라우저 (chrome) + 크롬 확장 프로그램(chrome extension) = 자동차 개조

57. 디지털바루기
source: http://lifehacker.com/why-chrome-uses-so-much-freaking-ram-1702537477

58. 디지털바루기
주력 웹브라우저로
크롬브라우저 쓰시는 분?

59. 디지털바루기
크롬 확장프로그램 쓰시는 분?

60. 2. 크롬브라우저 기본
2.1 다운로드 및 설치
2.2 구글 아이디 로그인 필수
2.3 동기화 설명
2.4 북마크 깔끔하게 사용하기
2.5 동영상 플레이어
2.6 PDF Reader
2.7 구글 이미지 검색
2.8 시크릿 모드 활용
2.9 검색 설정
- 검색 주소창 활용
- 빠른 검색 설치
- 빠른 검색 레시피 등록

61. 디지털바루기
2. 크롬브라우저 기본
2.1 다운로드 및 설치
데스크톱
안드로이드 / 아이
폰

62. 디지털바루기
2. 크롬브라우저 기본
2.2 크롬에 로그인: 구글 아이디
구글 웹사이트 로그인과는 달라요!
‘크롬’에 로그인 하기
1. Chrome을 엽니다.
2. 브라우저 창 오른쪽 상단에서 사용자의 이름 버튼이나 사람 아이콘을 클릭.
3. Chrome에 로그인을 클릭합니다.
4. Google 계정으로 로그인합니다.
5. 동기화 설정을 맞춤설정하려면 설정을 클릭합니다.
이를 통해 Chrome에 로그인한 다른 기기에서 어떤 정보를 공유할지 선택할 수 있습니다.

63. 디지털바루기
2. 크롬브라우저 기본
2.2 구글 웹사이트 로그인

64. 디지털바루기
2. 크롬브라우저 기본
2.3 즐겨찾기 가져오기

65. 디지털바루기
2. 크롬브라우저 기본
2.3 동기화 기능 - 북마크

66. 디지털바루기
2. 크롬브라우저 기본
2.4 북마크 깔끔하게 사용하기

67. 디지털바루기
1. 북마크 단축키
Windows: CTRL + Shift + B
MAC: ⌘ Cmd + ⇧ Shift + B
2. 크롬브라우저 기본
2.4 북마크 깔끔하게 사용하기

68. 디지털바루기
2. 크롬브라우저 기본
2.4 북마크 깔끔하게 사용하기
2. 파비콘만 남기기

69. 디지털바루기
2. 크롬브라우저 기본
2.4 북마크 깔끔하게 사용하기
2. 파비콘만 남기기

70. 디지털바루기
2. 크롬브라우저 기본
2.4 북마크 깔끔하게 사용하기
3. 폴더 활용하기

71. 디지털바루기
2. 크롬브라우저 기본
2.5 동영상 플레이어로 사용하기
jpg, mp3, aac, mp4 ....

72. 디지털바루기
2. 크롬브라우저 기본
2.6 PDF Reader
● 아크로뱃(리더/프로) 없어도 읽을 수 있음!

73. 디지털바루기
2. 크롬브라우저 기본
2.6 PDF Reader
● 안되는 문제 해결법
● 주소창에 chrome://plugins 입력

74. 디지털바루기
이미지에서 마우스 오른쪽 버튼 누르고
Google에서 이 이미지 검색(S)메뉴 선택
2. 크롬브라우저 기본
2.7 구글 이미지 검색

75. 디지털바루기
2. 크롬브라우저 기본
2.7 구글 이미지 검색

76. 디지털바루기
2. 크롬브라우저 기본
2.8 시크릿모드
● 여러 사람들이 함께 공유하는 컴퓨터에서 자신의 흔적을 남기지 않을 수 있다.
● 단축키 = 컨트롤 + 쉬프트 + 엔

77. 디지털바루기
2. 크롬브라우저 기본
2.9 옴니박스 검색 기능 - 검색 주소창 활용

78. 디지털바루기
2. 크롬브라우저 기본
2.9 옴니박스 검색 기능 - 검색 주소창 활용

79. 디지털바루기
2. 크롬브라우저 기본
2.8 옴니박스 검색 기능 - 설정

80. 디지털바루기
2. 크롬브라우저 기본
2.8 옴니박스 검색 - 빠른 검색

81. 디지털바루기
2. 크롬브라우저 기본
2.8 옴니박스 검색 - 검색 레시피

82. 디지털바루기
2. 크롬브라우저 기본
2.8 옴니박스 검색 - 검색 레시피

83. 디지털바루기
이름 (변경가능) 키워드 (변경가능) 검색url
다음맵 m http://map.daum.net/?q=%s
네이버 n http://search.naver.com/search.
naver?ie={inputEncoding}
&query=%s
네이버 영영사전 nn http://endic.naver.com/search.
nhn?
sLn=en&searchOption=all&query
=%s
Gmarket gmarket.co.kr http://search.gmarket.co.
kr/search.aspx?
selecturl=total&sheaderkey=&gdl
c=&SearchClassFormWord=goo
dsSearch&keywordOrg=&keywor
dCVT=&keywordCVTi=&keywor
d=%s

84. 디지털바루기

85. 디지털바루기
3. 크롬확장프로그램 추천 20가지+@

86. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.1 클리어리
● 기사링크: http://sports.chosun.com/news/utype.htm?id=201511140100159930010388&ServiceDate=20151113
● 다운로드 링크: https://goo.gl/ZsCyvE
Before After
사용법 참고: http://barugi.com/collaboration/chrome-extension-2/
1
클리어리 지원 중단 안내 (2016.1.22)
https://goo.gl/xr0Uzw

87. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.2 AdBlock (배너광고 이제 안녕~) 2

88. 디지털바루기
● 드물지만 애드블록 때문에 정상적으로 작동하지 않는 웹사이트가 있다.
● 혹시라도 웹 페이지가 정상적으로 안보인다면? 애드블럭을 일시 Pause시키고 새로고침을 해보자!
● 용무를 모두 마쳤다면, 다시 Unpause를 누르자.
3. 크롬확장프로그램 추천 20가지
3.2 AdBlock (배너광고 이제 안녕~)

89. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.3 Any.do (할 일 관리)
● http://www.any.do/
● 직관적인 인터페이스, 모바일 애플리케이션과 동기화
3

90. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.4 포켓 (나중에 읽기 서비스)
● https://getpocket.com/a/ 에서 확인할 수 있다.
● 모바일 포켓에서도 확인할 수 있다.
4
● 사용법 참고: http://barugi.com/collaboration/chrome-extension-2/

91. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.5 OneTab
● 메모리 절약 프로그램
● 급 퇴근시 유용함!
5

92. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.5 OneTab
● One Tab을 설치하고 One Tab아이콘을 누르면 탭이 하나로 모이고 해당 웹 주소를 저장합니다. 그리고 복구
버튼을 누르면 다시 해당 웹 주소를 한번에 열 수 있습니다. 물론 하나씩 열어볼 수도 있고요 (크롬이 강제종료
됐을 때 작업 중이던 페이지의 주소를 기억하고 있다가 한꺼번에 복구해주는 것과 유사한 원리입니다. 이를 좀
더 편리하게 만들어놨네요.)

93. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.6 툴팁영한사전
● http://www.nytimes.com/
6

94. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.7 구글 사전 (Google Dictionary) 7

95. 디지털바루기
맞춤법, 띄어쓰기 검사
돌문어는 주로 단지를이용해잡는다.
200여m 가 넘는 밧줄에 1000여개의 단지를 매달아 돌문가가 서식하는 수
심에 2틀 정도 놓아 두어 잡아올린다.
돌문어는 짝 짓기 철이 아니면 주로 혼자서 사는 습성이 있어서 단지 안에는
꼭 한마리씩만 들어 있다.
문어는 8개의 다리와 1200개가 넘는 빨판이 달려 있어서 자기 몸무게의 10
배이상은 거뜬히 들어 올릴 수 있는 장사다.
맞춤법 틀려서 개망신 / 영문 스펠리에 집착하는
것처럼 한글 맞춤법도 집착을.
문서작성 후 확인할 때.
소셜네트워크 서비스에 글을 올리기 전.
이메일 보내기 전
3. 크롬확장프로그램 추천 20가지
3.8 맞춤법 검사기 (Spell checker For Chrome)
● *서버 불안정으로 간혹 작동하지 않는 경우가 있습니다.
● 그럴땐 오리지널 사이트로 가셔서 사용 http://speller.cs.pusan.ac.kr/PnuSpellerISAPI_201504/
8

96. 디지털바루기
이번주는 이미 브로슈어 관련해서 피드백을 못받앗고,
어찌됐든 전체 구성이나 디자인 계획을 우리도 세워야하니,
제가 만든 내용 초안을 좀 봐주시겠어요
구성으로 봤을 때 기획이 좀더 필요한게 있으시면 알려주시고,
디자인 스케줄도 보고 잡았으면 합니다.
내일 ㅇㅇㅇ랑 같이 진행해주시면 될 거 같습니다.
구성은 완전 우리가 짠거여서 바꿔도 되고, 다른 내용을 더 추가해도 됩니다.

97. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.9 라이트샷 (스크린샷 도구)
● http://map.naver.com/
9

98. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.9 라이트샷 (스크린샷 도구)
● http://app.prntscr.com/en/index.html

99. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.10 Dualless (화면 분할을 쉽게!) 10

100. 디지털바루기
*주의
동시에 너무 많은 크롬 확장프로그램을 사용하면
RAM소모가 심하다.
RAM용량이 적은 PC라면, 크롬브라우저가 느려질 수 있다.
자주 사용하는 5~10개 정도만 사용하도록 하자.
리뷰를 꼭 읽어보자.
모든 크롬 확장프로그램이 나에게 필요한건 절대 아니다.
써보고 별로면 지워버리면 그만!

101. 디지털바루기
*지우는 법

102. 디지털바루기
● 스크롤 http://blog.naver.com/imshko0503?Redirect=Log&logNo=50172445860
● 우클릭 금지 해제 http://kjh9715.blog.me/30183189244
● 주소 짧게 줄이기
3. 크롬확장프로그램 추천 20가지
3.11 피그툴 (만능도구) 11

103. 디지털바루기
우클릭 금지 해제 짧은 URL주소 만들기

104. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.12 Strict Workflow (Fomodoro)
● Francesco Cirillo가 고안한 생산성 향상 기법
● 25분 집중 5분 휴식 X 4 >> 휴식
● 포모도로 관련 글
12

105. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.13 Awesome Screenshot: Screen capture, Annotate
● 긴 화면 캡쳐시 유용함
● 실습: http://goo.gl/IAw8Pi
13

106. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.14 timeStats 14

107. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.15 QSearch (페이스북 지난 글 검색)
● http://app.qsearch.cc
● 페이스북에서 지난 글 찾기 참고
15

108. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.16 구글드라이브 (엑셀/파워포인트/워드)

109. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.17 Zenmate
● IP우회 서비스
● 유료 (7일무료)
● 대한민국 정통부에서 Block해놓은 웹사이트 접속
● 특정 국가 IP로만 접속 가능한 서비스 사용 가능
○ ex) hulu.com, BBCworldwide
17

110. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.18 Turn off the light
● https://www.youtube.com/watch?v=hK8mMncDXOc
● 유튜브, Vimeo매니아들이 좋아할 만한 크롬 확장프로그램입니다 . Turn Off the Lights를 설치
하고 유튜브 영상을 보게 되면 페이지의 배경을 어둡게 만들어 영화관에 있는 것 같은 느낌
으로 영상을 감상할 수 있습니다. 한 번의 클릭으로 배경을 어둡게 만들어 영상에 집중할 수
있게 해 줍니다. 다시 페이지를 클릭하면 쉽게 원 상태로 돌아옵니다(영상을 플레이하면 자
동으로 불을 끄도록 설정할 수 있습니다).
18

111. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.19 Chanage Font Family
● 크롬브라우저에서 원하는 글꼴 사용하기!
● 참조: http://ingeol.blogspot.kr/2014/02/blog-post.html
● 테스트 주소: http://news.naver.com/main/read.nhn?mode=LSD&mid=shm&sid1=100&oid=056&aid=0010309541
19

112. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.20 Project Naptha
● 이미지 속 텍스트를 복사할 수 있는 OCR기술
20

113. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.20 Project Naptha
● 이미지 속 텍스트를 복사할 수 있는 확장프로그램
● 이미지 테스트
○ http://www.fixedbyvonnie.com/wp-content/uploads/2014/04/fixedbyvonnie-project-
naptha-ocrad-engine-project-naptha.png

114. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.21 Unsplash Instant
● 새 탭에서 Unsplash.com의 아름다운 무료 고화질 이미지를 볼 수 있는 앱.
21

115. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.22 Currently
● 새 탭에서 시간, 날씨 확인
22

116. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.23 Google GIF
● 구글 이미지 검색에서 움직이는이미지 (GIF) 미리보기 가능.
23

117. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.24 IE TAB
● 크롬에서 즐기는 인터넷 익스플로러
24

118. 디지털바루기
3. 크롬확장프로그램 추천 20가지
3.25 Hover Zoom
● 썸네일 이미지 큰 이미지로 미리 보기 (facebook, 구글 이미지 검색 등)
24

119. 내 업무 중 불편요소를 찾아내고
불편요소를 덜어주거나 단순 작업을 줄이기 위해 노력하기!
less is more! 불필요한 앱 지우기

120. 질의응답
계정 삭제, 데이터 삭제, 듀얼 계정

121. Contact
Jeonghoon Lee
leejeonghoon0@gmail.com
facebook

123. 감사합니다 :)