일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 인덱스
- 자바예외
- MariaDB
- 자바
- SQL쿡북
- 스프링부트와AWS로혼자구현하는웹서비스
- react
- AWS RDS
- 도메인 주도 개발 시작하기
- vue.js
- mysql
- DDD
- 인프런백기선
- 기술면접
- 자료구조
- AWS
- 네트워크
- 혼공SQL
- 이팩티브 자바
- 알고리즘분석
- CleanCode
- 이펙티브 자바
- aop
- 자바스터디
- java
- jpa
- 인프런김영한
- 이펙티브자바
- 알고리즘
- 클린코드
- Today
- Total
기록이 힘이다.
웹 브라우저 본문
1. 웹 브라우저의 종류와 기능
웹 브라우저
-인터넷 세상을 탐험(브라우징)할 때 사용하는 필수적인 도구( 웹 서버 <-> 웹 브라우저)
-웹 브라우저의 종류
마이크로 소프트의 인터넷 익스플로러, 구글의 크롬, 모질라의 파이어폭스 등
인터넷 익스플로러
-마이크로소프트에서 개발한 웹 브라우저 프로그램
-1995년 8월 16일에 버전 1.0이 첫 선을 보인 후 지속적으로 발전하여 2017년 현재 버전 11까지 나옴(운영체제에 포함시킴)
-버전 6 이상부터 '개발자 도구' 기능 내장
-인터넷 익스플로러를 실행하고 [F12]를 누르거나 오른쪽 상단의 설정 메뉴에서 [F12 개발자 도구] 클릭
- 가장 많이 사용하는 기능은 요소 찾기와 특정 값 찾기(소스 보기)
크롬
-2008년 9월 2일에 공개된 구글에서 개발한 웹 브라우저
-가장 많은 사용자를 보유한 웹 브라우저(메모리를 많이 먹지만 빠름)
-2013년 버전 25, 2017년에는 버전 58 출시
크롬의 개발자 도구
-브라우저 화면 오른쪽 상단의 설정 아이콘 클릭 후 [도구 더보기]-[개발자 도구] 메뉴 선택
-개발자 도구 화면의 왼쪽 상단에 있는 <Select an element in the page to inspect it> 아이콘을 클릭하고 웹 사이트의 특정 영역을 클릭하면 해당 코드가 개발자 도구 화면에 나타남
파이어 폭스
-모질라에서 개발한 웹 브라우저
파이어 폭스의 개발자 도구
-왼쪽 상단의 <메뉴 열기> 아이콘을 클릭 후 [개발자]-[개발자 도구] 메뉴 선택
-개발자 도구 화면 왼쪽 상단의 <페이지에서 요소 고르기> 아이콘을 클릭하고 웹 페이지의 특정 영역을 선택하면 해당 영역에 대한 소스코드를 볼 수 있음
'컴퓨터 공학' 카테고리의 다른 글
HTTP 메서드 활용 (0) | 2022.10.26 |
---|---|
유닉스 쉘의 개요 (0) | 2022.06.06 |
1차 인증기술과 공개키 기반구조 (0) | 2022.05.16 |