본문 바로가기

국비학원 전 강의 필사/자바스크립트 공부5

#5 텍스트 관련 태그 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 필사 : 최근의 웹 트랜드는 텍스트를 줄이고 이미지나 동영상 등으로 콘텐츠를 구성하는 것이지만 HTML 콘텐츠의 대부분은 텍스트로 구성된다. 제목이나 본문, 글자의 형태와 중요도를 나타내는 텍스트에 관련된 태그들을 알아보도록 하자. 1. 제목(Headings) 태그 Heading 태그는 제목을 나타낼 때 사용하며 h1에서 h6까지의 태그가 있다. h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다. 시맨틱 웹의 의미를 살려서 제목 이외에는 사용하지 않는 것이 좋다. 검색엔진은 제목 태그를 중요한 의미로 받아들일 가능성이 크.. 2022. 8. 13.
#4 웹페이지를 구성하는 기본 태그 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.4 HTML5 Tag - Basic 웹페이지를 구성하는 기본 태그 필사 : 1. 문서 형식 정의 tag 문서 형식 정의(Document Type Definition, DTD) 태그는 출력할 웹 페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 대소문자를 구별하지 않는다. 문서별 기술 양식은 아래와 같다. 문서의 최상위에 위치해야 대소문자를 구별하지 않는다는 것이 뭘까? html 이 부분을 소문자로 써도 된다는건가? 2. html tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재.. 2022. 8. 11.
#3 시맨틱 요소와 검색엔진 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.3 Semantic Web 시맨틱 요소와 검색 엔진 필사 : 시맨틱 웹(Semantic Web) 2018년 기준 전세계적으로 웹사이트는 19억개, 인터넷 사용자 수는 40억명이다. 대부분의 인터넷 사용자는 원하는 정보를 취득하기 위해 Google이나 Naver 같은 검색사이트를 이용한다. "나는 검색된다. 고로 존재한다"는 말이 있을 정도로 웹사이트는 검색엔진에의 노출이 매우 중요하다. 당연한 것이 검색엔진에 노출되지 않는 웹사이트에는 접속하는 이도 없기 때문이다. 검색엔진은 이 시대의 가장 강력한 권력 중의 하나라고 말할 수.. 2022. 8. 10.
#2 HTML5 기본 문법 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com #1.2 HTML5 Introduction & Syntax HTML5 기본 문법 요약 : 1. HTML5 HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5에 추가된 기능들 멀티미디어(Multimedia) - 비디오 및 오디오 기능 자체적 지원 그래픽(Graphics & Effects) - 2차원 그래픽과 3차원 그래픽 지원 통신(Connectiv.. 2022. 8. 9.
#1 프런트엔드 개발자 학습 방향 - <자바스크립트-HTML5> 출처 : https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 필사 : 유저와 어플리케이션의 소통을 위한 창구를 사용하기 좋게 구현 입력한 정보를 서버로 전송하기도 하고 서버의 데이터를 가져와서 UI에 표시하기도 한다. UI : User Interface 디자이너, 백엔드 개발자와의 협업 - HTML : tags & attributes, Semantic web - CSS : Layout(float, flex, grid), transition/animation, 반응형 웹, Preprocessor(Sass, PostCSS), CSS 방법론, CSS 프레임워크 - 크로스 브라우징 - Javascr.. 2022. 8. 9.

티스토리툴바