신나yo-TechBlog

07. 경기도청 / main / 7 본문

TIL: practices/사이트 분석

07. 경기도청 / main / 7

신나yo 2021. 3. 4. 16:49
728x90

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다.


경기도청 main

탐구거리

  1. 제일 상단에 위치한 '경기도 코로나 확진자 현황표'는 table코드로 작성되었다.
    1. table태그와 th, td태그가 즐비하다. 각 지역별 클래스를 covid01부터 32까지 부여한 것을 보면, 통계 데이터를 연동해둔 것 같다. (데이터 변동 시, 변경사항이 자동 조정되도록)
      1. 하루 전에 페이지 캡처해뒀는데, 작성 중 확인해보니 확진자 수가 변동되어있다.
  2. "언어 선택'버튼을 누르면 페이지가 번역되는 것이 아니라, 각국 언어로 구성된 '새로운 사이트'로 이동한다.
    1. 언어 선택 버튼은 "Language"라는 텍스트가 표기되어 있으며, 확진자 현황 배너 바로 아래의 내비게이션 배너에 있다.
    2. 코드를 확인해보면, 영어, 중국어, 일본어와 베트남어(Tiếng việt)를 지원한다. ->해당 국가 출신자들이 많은 듯.
  3. 유관기관 연결은 <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