신나yo-TechBlog

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

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구거리 로그인 버튼, qr코드 또는 일회용번호 로그인을 유도하는 버튼은 프로그래밍 상에서 '버튼'을 디자인한걸까, 아니면 이미지파일로서 디자인한 image를 넣은 것일까? (body하단에 '네이버인증서'를 안내하는 배너는 이미지일것으로 예상된다.) css 학습을 시작했는데, 그 영향인지 어제보다 구조를 나누는 박스가 더 세밀하게 보인다. 본문 안에서 바로 각 버튼으로 가는 것이 아니라, 버튼이 모여있는 상태에서 유추되는 p(단락)나눔까지 분석하게 된다.

이 활동은 유튜브 드림코딩by엘리 채널의 html기초강의 제1강을 참고하여 시작한 학습방식입니다. 탐구거리n/a (해당사항 없음). 왜냐하면, 디자인 지정(css)에 대해 아는 바가 없으니 궁금할 것도 없다 ㅋㅋㅋㅋㅋㅋㅋheader, body, footer영역 / button 삽입부분 / input 삽입부분 / 각 button과 로고image에 활용되었을 a태그 등 html 학습 중 익힌 내용들이 보인다. 꾸준히 프로그래밍 이론과 언어 익히다보면 점점 보이는 것이 많아질 것이라고 확신한다. 잘공하자!

html / 엘리 / html기초 / 유튜브 학습목표 웹 사이트 분석 방법을 익힌다. 분석한 내용을 스스로 클론 코딩할 수 있다. 배운 것 당장 스스로 클론코딩 하기에는 무리가 있다는 점을 깨달음 상용화된 사이트들의 경우, 디자인과 반응형 요소, Server side(파이썬, php 등 다른 언어 사용하는 코드) 요소가 많이 가미되어 있기 때문에 html문법만 아는 현재 상태에서는 사이트 코드들을 분석 및 이해하고 적용하기 매우 어렵다. 웹 사이트의 구조를 분해해 분석하는 습관 들이기의 중요성 웹 사이트의 각 페이지를 큰 박스부터 시작해서 조각조각 '박스 형태로 분해'하는 습관. 웹 개발시, 특히 훗날 react 활용할 때 도움이 많이 된다고 한다. 최소 단위부터 기능 구현하는 데 도움이 된다나? 지금은..

html / 이고잉 / 생활코딩 html / 오픈튜토리얼스 학습목표 html 코드 작성 방식을 손에 익힌다. 구조화된 사고, 코드 정리 논리를 익힌다. 사이트 제작 실습을 통해, 수업 중 배우는 태그의 응용을 연습한다. 실습을 통해 개인화된 사이트 하나를 포트폴리오로 남긴다. 배운 것 html의 기본 문법 개발환경인 atom을 활용하여 코드 작성하는 방법 emmet 패키지 다운로드, 활용방법 html에서 통계적으로 많이 사용되는 태그와 속성들의 기능 html 활용에 있어서 구조화된 정보 입력의 중요성_구조화하여 설계하기! html이 '정보 전달'에 집중하는 언어이기 때문. 본질이 '정보 전달'! 함께 쓰이는 css는 디자인, JavaScript는 반응형 기능을 도맡고 있다. 다 익혀둬야겠다는 필요성을 실..