09. 웹 브라우저 기초 - 크롬/화면구성/로그인버튼/로그아웃/다운로드기호/페이지새로고침키

컴퓨터기초 2022.02.09 댓글 크리에이터요셉

목차

     

    시작하며,

     

    유튜브 영상제작 과정이기 때문에 아무래도 인터넷을 많이 이용합니다.

     

    특히, 교육 과정에서 샘플 파일을 다운로드하고 영상, 사진, 음악 등의 파일을 검색하고 다운로드하는 등의 작업을 많이 하게 되므로 인터넷을 할 때 사용하는 웹 브라우저와 공통적으로 사용하는 기호 등을 잘 알지 못한다면 조금 불편할 수 있습니다. 

     

    이번 과정에서는 웹 브라우저의 기본 사용방법과, 인터넷에서 통용되는 기본 기호 등에 대해 간략히 설명드리도록 하겠습니다. 

     

     


     

     

    09. 웹 브라우저 기초


     

     

    1. 웹 브라우저란?

     

     

    먼저, 웹(the Web)월드 와이드 웹(World Wide Web)을 간단히 표현한 것으로, 엄격히 따지고 들어가면 다르지만 일반적으로 '인터넷' 이라고 이해하면 됩니다. 

     

    즉, 웹 브라우저(Web Browser)인터넷의 자료를 볼 수 있는 프로그램입니다. 

     

     

     


     

     

    2. 웹 브라우저 종류

     

     

    많은 종류의 웹 브라우저가 있지만 모든 것을 다 알 필요는 없으며 우리가 컴퓨터에서 흔히 만날 수 있는 것은 아래와 같습니다. 

     

    인터넷 익스플로러
    마이크로 소프트에서 개발한 윈도우의 기본 웹 브라우저

    윈도우라는 운영체제가 처음 만들어 질 때, 마이크로소프트에서 만들어서 윈도우의 기본 웹 브라우저로 포함시켜 두었기 때문에 국내에서 사용하는 대표 웹 브라우저로 인식되고 있지만 여러가지 문제로 인해 더 이상 사용하지 않게 되었습니다.

    윈도우11에서 아예 제외되었습니다. 
    마이크로소프트
    앳지
    마이크로소프트에서 새롭게 개발한 웹 브라우저

    인터넷 익스플로러의 문제점을 개선하고 호환성을 높여서 새롭게 만든 웹 브라우저입니다. 

    윈도우7 이후, 윈도우 운영체제의 기본 웹 브라우저로 같이 제공되고 있습니다만 그리 많은 인기를 얻지는 못하고 있습니다.  
    크롬
    구글에서 개발한 웹 브라우저

    구글에서 모든 것을 직접 만든 것은 아니고 Chromium 이라는 오픈소스 웹 브라우저의 코드를 이용해서 개발한 것으로 요즘 거의 표준으로 사용하고 있는 웹 브라우저입니다. 

    유튜브 영상제작 과정에서 수업용 웹 브라우저로 사용하고 있습니다. 
    네이버 웨일
    네이버에서 개발한 웹 브라우저

    크롬 브라우저와 마찬가지로 Chromium 을 기반으로 하여 개발되었으나 크롬 브라우저와는 다른 특성을 갖고 있습니다. 실제로, 크롬 브라우저에서 기능이 제대로 작동하지 않는 웹페이지도 웨일 브라우저에서는 정상적으로 작동하기도 합니다. 

    네이버를 주로 이용하는 사람들은 네이버 계정과 연동하여 사용할 수 있으며 특히, 사이드바 기능을 잘 활용하면 좀 더 편리하게 활용할 수 있습니다. 
    모질라
    파이어 폭스
    모질라 재단/모질라 코퍼레이션에서 개발한 웹 브라우저

    국내에서는 많이 사용하지 않는 듯하지만 전 세계적으로 평균 20% 이상의 점유율을 차지하고 있고 어느 나라에서는 50% 이상을 차지할 정도로 많이 사용하고 있는 웹 브라우저입니다. 
    오페라
    노르웨이, 오슬로의 오페라 소프트웨어에서 개발한 웹 브라우저

    작고 빠르고 안정적이라는 슬로건 답게 게임기와 같은 작은 모바일 기기에서도 사용하고 있으나 국내에서는 사용자가 거의 없을 정도로 인지도가 낮습니다. 
    사파리
    애플이 개발한 웹 브라우저

    매킨토시, 아이폰, 아이패드에서 사용하는 기본 웹 브라우저입니다. 예전에는 윈도우에서도 사용할 수 있었으나 지금은 지원하지 않고 있어서 아쉽네요. 

     

     

     

     

    3. 웹 브라우저 국내 점유율

     

     

    2021년 한 해, 국내에서 사용된 데스크톱용 웹 브라우저의 점유율을 보면, 크롬 브라우저가 가장 많이 사용되었고 그다음 앳지 브라우저가 많이 사용되었음을 확인할 수 있습니다. 

     

    익스플로러의 점유율이 내려가는 시점에서 앳지의 점유율이 올라간 것을 보면, 윈도우10에서 익스플로러 대신 앳지를 사용하도록 바뀌면서 앳지의 점유율이 올라간 듯합니다. 

     

    눈에 띄는 부분은 네이버 웨일 브라우저의 점유율이 점점 더 높아지고 있습니다. 

     

    사파리의 점유율이 낮은 이유는 국내에서 맥 보다는 윈도우를 더 많이 사용하기 때문이므로 맥 사용하시는 분들은 점유율에 민감하게 반응하지 않으셔도 됩니다. 😊

     

     

    국내 웹 브라우저 점유율 (2021년/테스크톱용/statcounter)

     

     

    국내 웹 브라우저 점유율 (2021년/테스크톱용/statcounter)

     

    (자료 출처: statcounter)

     

     

     

     

     

    4. 크롬 브라우저

     

    유튜브 영상제작 과정의 수업시간에는 항상 크롬 브라우저를 사용합니다. 그러므로 다른 브라우저에 대한 설명은 생략하고 크롬 브라우저에 대해서만 설명하겠습니다. 

     

     

     

    4.1 크롬 브라우저 설치

     

    크롬 브라우저가 설치되어 있지 않은 PC에서는 사용하는 다른 웹 브라우저에서 '크롬 브라우저'를 검색하여 설치할 수 있습니다. 

     

     

    1) 크롬 브라우저 검색

     

    기본 설치되어 있는 웹 브라우저인 앳지에서 '크롬 브라우저'를 검색하면 아래와 같이 검색 결과가 나옵니다. 

     

     

     

     

    2) 설치파일 다운로드하기

     

     

    검색 결과에서 페이지 가운데의 (Chrome 다운로드) 를 눌러서 설치 파일을 다운로드할 수 있습니다. 

     

     

    다운로드 페이지
     

    Chrome 웹브라우저

    더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게.

    www.google.com

     

     

     

    3) 웹 브라우저 창 닫기

     

     

    다운로드 후 자동으로 설치가 안되므로 웹 브라우저 창을 닫고 직접 설치 파일을 실행하는 방법으로 설치하겠습니다. 

     

     

     

     

    4) 다운로드 폴더 열기

     

    앞 시간에 배웠던 폴더(06.사용자 기본 폴더)에 대한 내용을 생각해 보시고 컴퓨터의 기본 폴더인 '다운로드' 폴더를 찾아서 열어 주세요.

     

     

     

    파일 탐색기에서 다운로드 폴더를 열어보면 아래와 같이 설치 파일을 찾을 수 있으며 설치 파일을 더블 클릭하면 설치가 진행됩니다. 

     

     

     

     

    5) 설치

     

    다운로드 폴더에서 찾은 크롬 브라우저 설치 파일을 더블 클릭하면 설치 프로그램이 실행됩니다. 

     

     

    ① 디바이스 변경 허용 창이 뜨면 [ 예 ] 버튼을 눌러 주세요.

     

     

     

    ② 잠시 기다리고 있으면 설치 과정이 진행됩니다. 

     

     

     

    ③ 설치가 끝난 후 자동으로 크롬 브라우저가 실행되면 X 버튼을 눌러 닫아 주세요.

     

     

     

     

    6) 기본 브라우저 설정

     

    크롬 브라우저를 윈도우의 기본 브라우저로 지정해 놓으면 관련 링크를 클릭하였을 때 자동으로 크롬 브라우저가 실행되므로 편리합니다. 

     

     

     

    (1) 크롬 브라우저 실행

     

     

    설치가 끝나면 아래와 같이 바탕화면에서 크롬 브라우저의 아이콘을 찾을 수 있습니다. 이 아이콘을 더블 클릭하여 크롬 브라우저를 실행하여 주세요.

     

     

     

     

    (2) 기본 브라우저로 설정 버튼 클릭

     

     

    크롬 브라우저를 처음 설치하면 아래 화면과 같이 브라우저 위에 [기본 브라우저로 설정] 버튼이 나옵니다. 이 버튼을 눌러 주세요. 

     

    기본 웹 브라우저를 크롬으로 바꾸기

     

     

     

    (3) 웹 브라우저 설정

     

     

    윈도우의 설정 중 '기본 앱' 설정 창에서 '웹 브라우저' 항목을 클릭하여 기본 웹 브라우저를 변경할 수 있습니다. 

     

    기본 웹 브라우저를 크롬으로 바꾸기

     

     

    브라우저 목록 중에서 Chrome을 선택해 줍니다. 

     

    기본 웹 브라우저를 크롬으로 바꾸기

     

     

    이 과정에서 아래와 같이 전환 여부를 선택하는 질문이 나오면 '전환하기'를 선택해 주세요. 

     

    기본 웹 브라우저를 크롬으로 바꾸기

     

     

    아래와 같이 기본 웹 브라우저가 크롬으로 변경되었습니다. 

     

    기본 웹 브라우저를 크롬으로 바꾸기

     

     

     

    4.1 크롬 브라우저 모습

     

    크롬 브라우저 실행하면 아래와 같은 모습의 브라우저를 만날 수 있습니다.

     

    페이지 가운데 보이는 Google 글자 때문에 대부분 구글 페이지로 오해하지만 실제로는 구글에 접속해서 보여주는 페이지가 아니고 크롬 자체적으로 제공하는 시작 페이지입니다. 

     

    크롬 브라우저 실행 모습 

     

     

     

    1) 브라우저 기본 구성요소

     

     

    크롬 브라우저를 구성하는 기본 구성요소와 기능들입니다. 

     

    이 중, '주소 표시 줄' 명칭과 위치꼭 기억해 놓으실 것을 부탁드립니다. 

     

    크롬 브라우저 구성요소

     

     

    처음 시작 페이지에는 아래와 같은 구성 요소가 배치되어 있으며, '앱 메뉴 버튼'은 꼭 기억해 놓으시기 바랍니다. 

     

    크롬 브라우저 시작화면 구성 요소

     

     

     

    2)  앱 메뉴

     

     

    앱 메뉴 버튼을 누르면 구글 서비스를 쉽게 연결해서 사용할 수 있습니다. 

     

    특히, 유튜브 구글 드라이브를 자주 사용하기 때문에 검색해서 사용하지 말고 간편하게 앱 메뉴 버튼을 눌러서 사용하시면 됩니다. 

     

    크롬 브라우저의 앱 메뉴

     

     

     

    이상으로 크롬 웹 브라우저의 기본 구성요소에 대해서 살펴보았습니다. 

     

    세부적인 기능 설명은 생략합니다. 이후, 교육 과정에서 주로 사용하는 기능은 앱 메뉴 버튼이고 인터넷에서 기본으로 검색하고 사용하는 부분은 이미 어느 정도 익숙한 부분이기 때문입니다. 

     

     

     

     

     

    5. 공통 기능 / 기호 

     

    크롬 브라우저를 비롯하여 웹 브라우저에서 공통으로 사용하는 기호를 알아 두면 컴퓨터를 좀 더 원활하게 사용할 수 있을 것입니다. 

     

     

     

    5.1 다운로드 버튼

     

    교육 과정에서 샘플 파일을 다운로드해서 진행하는 경우가 많습니다. 이때, 구글 드라이브 또는 다른 곳에서 다운로드하는 과정에서 공통으로 사용하는 다운로드 기호가 있으니 잘 기억해 놓으세요.

     

     

     


    예시. 1: 구글 드라이브

     

     

    실제 수업시간에 다운로드해야 하는 샘플 파일이며 구글 드라이브를 통해 제공해 드리고 있습니다.  제공해 드리는 파일의 주소를 브라우저의 '주소 표시 줄(또는 주소 입력 칸)'에 해당 파일의 주소를 입력하면 아래와 같이 구글 드라이브에 연결되어서 다운로드할 수 있습니다. 

     

    이 화면에서 아래 표시한 부분과 같은 모양의 아이콘이 바로 다운로드 버튼입니다.  

     

     

     

     

    예시.2: 프리픽(freepik) 

     

     

    무료 이미지를 제공하고 있는 freepik 이라는 사이트에서도 아래와 같이 다운로드 기호를 사용하고 있습니다. 

     

     

     

     

    이렇게, 공통 기호는 한 곳에서만 사용하지 않고 같은 기능을 제공하는 곳에는 같이 적용되고 있으니 잘 기억해 놓으시면 도움되겠죠!

     

     

     

     

    5.2 페이지 새로 고침 버튼 기호

     

     

    멈춰버린 웹 페이지 또는 수정한 웹 페이지를 갱신하기 위해서 새로 고침을 해야 할 때 사용할 수 있는 기능입니다.  크롬 브라우저를 비롯하여 모든 웹 브라우저에 공통으로 적용되어 있는 새로 고침 버튼의 모양을 잘 기억해 놓으세요. 모양의 차이는 다소 있으나 의미는 같습니다. 

     

     

     

     

    크롬 브라우저의 🔃새로 고침 버튼 위치

     

     

     

     

     

    5.3. 페이지 새로 고침 기능키

     

     

    키보드의 기능키 중 [F5] 가 페이지 새로 고침을 위한 기능키입니다. 

     

    페이지 새로 고침 기능키 F5

     

    CTRL 키를 누르고 있는 상태에서 [ F5 ] 키를 누르면 현재 페이지를 완전히 새로 읽어 들입니다. 

     

     

     

     

     

     

    6. 구글 계정으로 로그인

     

     

    크롬 브라우저를 처음 실행하면 아래 화면과 같이 로그인 버튼이 보이지 않습니다. 방법은 몇 가지가 있으나 앱 메뉴 버튼을 이용해서 구글의 검색 페이지로 연결하면 됩니다. 

     

     

     

    크롬 브라우저의 앱 메뉴 버튼을 눌러 [ 검색 ] 아이콘을 눌러 주세요.

     

    크롬 브라우저에서 구글 검색으로 연결하기

     

     

    아래 화면과 같이 화면 오른쪽 위에 [ 로그인 ] 버튼이 나타났습니다.

     

    주소 표시줄에 보면 구글 주소도 같이 보이는 이 페이지가 바로 구글의 첫 시작 페이지입니다. 크롬 시작 페이지와 같아 보이지만 자세히 보시면 다른 부분이 보일 겁니다. 

     

    크롬 브라우저의 로그인 버튼

     

     

    구글 계정으로 로그인을 하면 로그인 버튼 자리에 계정의 이름 또는 계정의 사진이 나타나는데, 바로 [ 계정 버튼 ] 입니다. 

     

    크롬 브라우저의 계정 버튼

     

     

     

     

    7. 구글 계정 로그아웃

     

     

    계정 버튼을 클릭 후 [ 로그아웃 ] 버튼을 누르면 간편하게 로그아웃 할 수 있습니다.

     

    크롬 브라우저에서 구글 계정 로그아웃

     

     

     

     

    8. 주소 표시 줄에 주소 직접 입력하기

     

     

    수업 진행을 위해 교재 내용 중에 샘플 파일을 다운로드 하도록 제시하고 있습니다. 

     

    실제 수업용 교재 60쪽을 보면 아래와 같이 '소스 다운로드' 라는 부분과 설명란에 '크롬브라우저 주소창' 이라고 명시되어 있습니다. 

     

     

    여기에서 말 하는 '크롬브라우저 주소창'이 바로 '주소 표시 줄'을 말 합니다. 

     

    주소 표시줄의 역할현재 접속중인 웹 페이지의 주소를 표시하기도 하지만 주소를 직접 입력해서 원하는 웹 페이지로 바로 연결할 수 있기 때문에 '주소 입력 창' 줄여서 '주소 창' 이라고도 부릅니다. 

     

     

     

     

    교재에서 제시한 소스 다운로드 주소는 ① 크롬 브라우저의 주소 표시줄을 클릭해서 입력하거나 ② 화면 가운데의 검색어 입력칸에 입력해도 됩니다. 

     

    주소 표시줄에는 https:// 부분을 입력하지 않아도 되지만 검색어 입력칸에는 https:// 까지 모두 오타 없이 정확하게 입력해야 하니 주의 하세요.

     

    크롬 브라우저의 주소 표시줄(주소창)과 검색어 입력칸에 웹 주소 입력하기

     

     


     

     

    마치며, 

     

    설치 방법까지 설명하면서 생각보다 글이 길어졌습니다만, 강의실이 아닌 집이나 사무실에서도 설치해서 사용해야 할 필요가 있어서 설치 및 설정 방법을 적어 놓았습니다. 

     

    인터넷을 이용한 수업 진행이 많은 관계로, 기본적인 내용만 우선 설명드렸습니다. 

     

    좀 더 자세한 내용은 필요하면 다시 설명드리겠지만 앱 메뉴를 이용한 유튜브, 구글 드라이버 연결, 그리고 다운로드 기호와 로그인/로그아웃 방법, 마지막으로 중요한 '주소 표시 줄(주소 입력 창)'의 위치와 용도만 잘 기억하고 있어도 수업 참여에 도움이 많이 될 것입니다. 

     

     

     


     

     

     

    댓글

    쿠팡 파트너스로 활동하고 있으며 일정액의 수수료를 제공받고 있습니다.