일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- php
- 개발 공부
- 프로그래밍
- 생활코딩html
- til
- 개발공부
- 웹페이지분석
- 유튜브학습
- 프로그래밍언어
- 개발학습
- 생활코딩
- 엘리사이트분석
- TIOBE index
- js
- 프로그래밍 공부
- shinahyo
- 프로그래밍언어 통계
- 학습일기
- 프로그래밍독학
- html
- 자기계발
- 퍼스널브랜딩
- 오늘배운것
- 웹앱만들기
- 드림코딩엘리
- 페이지분석
- 드로우앤드류
- 사이트분석
- 학습기록
- 사이트구조
- Today
- Total
목록
페이지분석 (4)
728x90
신나yo-TechBlog

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구거리 제일 상단에 위치한 '경기도 코로나 확진자 현황표'는 table코드로 작성되었다. table태그와 th, td태그가 즐비하다. 각 지역별 클래스를 covid01부터 32까지 부여한 것을 보면, 통계 데이터를 연동해둔 것 같다. (데이터 변동 시, 변경사항이 자동 조정되도록) 하루 전에 페이지 캡처해뒀는데, 작성 중 확인해보니 확진자 수가 변동되어있다. "언어 선택'버튼을 누르면 페이지가 번역되는 것이 아니라, 각국 언어로 구성된 '새로운 사이트'로 이동한다. 언어 선택 버튼은 "Language"라는 텍스트가 표기되어 있으며, 확진자 현황 배너 바로 아래의 내비게이션 배너에 있다. 코드를 확인해보면,..

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구 거리 단순한 구조이다. 이미지, 네비게이션바가 화면에 꽉 차지만 구조는 단순하다. 구조가 단순하다는 것은, 직관적으로 이용하기에도 좋다는 것일까? 공공기관, 국가 서비스 사이트, 은행 사이트는 이용할 때마다 헤매는데, 다음 분석 과제로 해당 사이트 중 한 군데를 실습해보려 한다. 구조가 단순한데 이용이 어려운 것일지, 구조가 복잡해서 이용이 어려운 것일지 궁금하다. 참고로 unsplash는 무료 이미지 사이트! 고퀄리티의 이미지들을 다운로드할 수 있다.

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구거리 썸네일의 용도에 대해 다시 보게 됨 재생목록, 검색 목록 등에서 일종의 폴더/파일 제목과 같은 역할! (사실상 텍스트로 작성된 제목보다 더 강렬하게 눈에 띈다. 텍스트보다 더 제목 역할을 잘 한다고 생각한다.) 콘텐츠가 많을 뿐, 박스의 분화(나뉘는)정도는 단순한 편이다. 클론코딩 오류가 또 발생해서 ㅜㅜ 바로잡으려 애쓰다가 사이트 분석을 놓칠 뻔 했다. 00시 넘길 뻔 했지만 safe!

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구 거리 복잡해 보이더라도, 구성요소는 예상보다 단순할 때가 있다. 사이트 분석 3번째, "브런치 main 상단" 역시 7가지의 박스로 구분했다. 해당 페이지는 단순해 보이지만 생각보다 박스 종류가 많았고, 오늘 분석한 교보문고의 메인은 페이지 상 콘텐츠의 양이 훨씬 많지만 브런치 메인 페이지와 박스 종류의 수가 같았다. 적은 박스 수로 페이지를 구성하는 것 vs 단순해 보이는 구조로 구성하는 것(박스 수는 무관) 중 어느 것이 더 좋은 설계일까? 좋은 설계란? = 유지 보수가 수월한? / 정보 파악이 편리한? 브랜드마다 버튼 모양, 이미지 편집 방식 등의 디자인 양식이 일종의 '특허'로 정해져 있는가? ..