신나yo-TechBlog

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

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

클론코딩 / 조코딩 / 구글 클론 사이트 / 유튜브 학습목표 내 html, css 활용가능 정도(숙련도) 파악 클론 코딩 학습 방식 파악 배운 것 html, css 라이브러리 사이트 찾은 레퍼런스를 활용하는 방법 원본 사이트 구조, 색상을 개발자 도구를 통해 분석하는 방법 chrome, 네이버웨일 기준으로 F12키 누르면 창이 열린다 결과물 또는 얻은 것 예기치 않은 문제해결: 개설한 웹사이트에서 read me 내용만 출력되는 현상 해결 문제와 해결에 관한 이슈-github 저장소 이슈 링크 clogle 사이트: 내가 제작한 구글 클론 사이트 clonegle shinahyoung21.github.io 향후 계획 클론코딩을 프로젝트화 github 저장소에 클론 코딩 결과물을 모아둘 것이다 : 강의를 들으며..

git / 이고잉 / 생활코딩 github / 오픈튜토리얼스 학습목표 사이트 개설과 저장소 외의 기능 파악 불필요한 저장소 삭제 방법 익히기 포트폴리오를 위한 깃허브 관리에 대해 감 얻기 온라인으로 코드 리뷰에 참여 및 탐색하는 방법 알기 배운 것 github 저장소 메인 메뉴의 개괄적 소개 신뢰성 있는 프로젝트 판별 아이디어 commit 횟수, 포크 횟수, 이슈 개수 등 핀셋 학습 습관의 필요성과 중요성 핀셋 학습=필요한 정보를 직접 검색해 학습 및 적용하는 방식 저장소 삭제에 관해 구글링으로 학습 결과물 또는 얻은 것 내 github계정 정돈 사용하지 않는 저장소 삭제 방법을 익혀 실행 github DOCS GitHub Documentation docs.github.com 향후 계획 git 활용법을 ..

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

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구 거리 하단에 글 소개하는 이미지 블록은 페이지 새로고침 할 때마다 콘텐츠가 바뀐다. 콘텐츠 선정 방식: 추천될 콘텐츠를 사람이 직접 선정하는 것일까? 아니면 매일/주/월 이슈가 되는 키워드를 정해놓고 알고리즘을 구축해다가 기계가 선정하도록 설계한 것일까? 태그 작성 방식: f12 눌러 확인해보니 역시나 a태그! 그런데, href속성 값으로 해당 콘텐츠 주소가 작성되어 있다. 새로고침 할 때마다 a태그 안에 있는 주소가 바뀌게 하는 알고리즘이 페이지 코드 어딘가에 있는 것일까? 지금은 봐도 모르겠다. 최근 2일간 개인 사정으로 학습에서 손 놓고 있었는데, 아주 근질근질했다. 유튜브로 사이트 분석 예시를 ..