Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 프로그래밍
- php
- TIOBE index
- 학습일기
- html
- js
- 웹페이지분석
- 프로그래밍독학
- 개발 공부
- 엘리사이트분석
- 페이지분석
- 생활코딩
- 드로우앤드류
- til
- 프로그래밍언어 통계
- 드림코딩엘리
- 생활코딩html
- 퍼스널브랜딩
- shinahyo
- 유튜브학습
- 오늘배운것
- 프로그래밍언어
- 개발학습
- 개발공부
- 프로그래밍 공부
- 자기계발
- 학습기록
- 사이트분석
- 웹앱만들기
- 사이트구조
Archives
- Today
- Total
신나yo-TechBlog
07. 경기도청 / main / 7 본문
728x90
이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다.
탐구거리
- 제일 상단에 위치한 '경기도 코로나 확진자 현황표'는 table코드로 작성되었다.
- table태그와 th, td태그가 즐비하다. 각 지역별 클래스를 covid01부터 32까지 부여한 것을 보면, 통계 데이터를 연동해둔 것 같다. (데이터 변동 시, 변경사항이 자동 조정되도록)
- 하루 전에 페이지 캡처해뒀는데, 작성 중 확인해보니 확진자 수가 변동되어있다.
- table태그와 th, td태그가 즐비하다. 각 지역별 클래스를 covid01부터 32까지 부여한 것을 보면, 통계 데이터를 연동해둔 것 같다. (데이터 변동 시, 변경사항이 자동 조정되도록)
- "언어 선택'버튼을 누르면 페이지가 번역되는 것이 아니라, 각국 언어로 구성된 '새로운 사이트'로 이동한다.
- 언어 선택 버튼은 "Language"라는 텍스트가 표기되어 있으며, 확진자 현황 배너 바로 아래의 내비게이션 배너에 있다.
- 코드를 확인해보면, 영어, 중국어, 일본어와 베트남어(Tiếng việt)를 지원한다. ->해당 국가 출신자들이 많은 듯.
- 유관기관 연결은 <a href~~~ target="_blank">. 죄다 target blank이다. 새 창을 열어 유관 사이트를 불러온다.
Tiếng việt 이 베트남어라는 것을 처음 알았다.
그리고, 공공기관 사이트 이용할 때마다 헤맨 탓에 코드가 길디길 것이라고는 예상했지만, 상상을 초월한다. link 된 다른 코드로 jQuery와 css도 보이는데, 내가 열어본 html 파일만 해도 라인이 7000을 넘는다.
그리고 시종일관 들여 쓰기가 안 되어 있어서 의아하다. 네이버 메인 페이지도 코드 대부분 들여쓰기 정렬이 안 되어 있었고, 일부분만 읽기 쉽게 정렬되어 있었는데. 정렬 안 해두는 이유가 있나? 궁금하다.
728x90
'TIL: practices > 사이트 분석' 카테고리의 다른 글
09. window Swap / main / 5 (0) | 2021.03.15 |
---|---|
08. 넷플릭스 / main / 6 (0) | 2021.03.08 |
06. unsplash / main / 5 (0) | 2021.03.03 |
05. 유튜브 / 재생목록 / 6 (0) | 2021.03.02 |
04. 교보문고 / main / 7 (0) | 2021.03.01 |
Comments