21년 6월 29일 웹 프로그래밍 개발일지
* 자투리 지식
<--주석 처리 단축키는 Ctrl+Shift+/-->
<--주석 처리 단축키는 Ctrl+Shift+/-->
main 태그는 explorer에서 적용되지 않아 role="main" 기능을 추가로 입력해줘야된다.
(다만, 윈11이 상용화 되면 explorer가 없어져 신경 쓰지 않아도 될 것 같다.)
article, selection 태그는 영역을 나타내는 title 정보가 있어야 하므로 h 태그와 함께 사용해야한다.
<img src="https://via.placeholder.com/100x50">
이미지 작업을 할 칸을 비워놨을 경우, 우선 위의 링크와 크기 지정을 해두면 아래와 같이 공백 이미지가 생성된다.
4. 설계 도면 작업
예시가 된 사이트는
kakaotalk 어플리케이션
https://naver.com
https://news.naver.com
https://startbootstrap.com/theme/agency
https://sisikiller.dothome.co.kr/
https://www.helbak.com/
https://www.daum.net <--은 대략적으로, 설계의 틀만 세웠다.
사이트 설계를 할 땐, 설계된 사이트의 좌->우 순서대로 작성한다.
실행 예시
<div>
<h3>인천 서구 아파트 시장에 무슨 일이</h3>
<div>
<!--왼쪽-->
<div>
<span>헤럴드 경제</span>
<span>입력 2021.05.03</span>
<span>수정 2021.05.03</span>
<!--오른쪽-->
<a href="#"><span>가</span></a>
<a href="#"><span>나</span></a>
<a href="#"><span>다</span></a>
</div>
</div>
</div>
어려웠던 점
html 코드는 아직 2일차인 나에게 생소한 코드다. 빠르게 코드를 짜거나 태그의 역할이 아직 헷갈리는 상태. 왜 줄바뀜이 자동으로 되는지와 같은 기본 문법이 다른 코드방식과 헷갈린다.
해결 방법
태그를 하나씩 지우거나 더해보며 그때그때 생긴 궁금증을 해결하고 있다. 추후에도 헷갈림이나 궁금증이 생기면 같은 실험이나 추가적인 학습/검색이 필요할 듯.
학습 소감
아직은 간단한 태그만 다뤄서 그런지 생소한 코드지만 큰 어려움은 느껴지지 않는다. 동시에 어렵지 않은 코드지만 이 상황에 적절한 태그가 무엇인지는 아직 감이 오지 않는데, 이는 많은 경험으로 극복해야 할 것 같다.
진행한 코드 링크
오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.
Author And Source
이 문제에 관하여(21년 6월 29일 웹 프로그래밍 개발일지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@taehunkim1024/21년-6월-29일-웹-프로그래밍-개발일지저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)