whatisthis?

Cascading Style Sheets(CSS) - HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어 - 프로그래밍 언어도 아니고, 마크업 언어도 아님. 📌 HTML 문서에 CSS 적용 1 / inline 방법 css 적용 - 수정하기 힘듬 2 / style태그 이용 (head 내) - 이 또한 페이지가 많아진다면 수정 힘듬. 3 / link:rel 이용 - 권장 👍 📌 Rule Set CSS의 전체 구조를 rule set 이라고 한다. (=rule) 선택자(selector) rule set 맨 앞에 있는 HTML 요소의 이름. 꾸밀 요소(대상)을 의미함. 선언(declaration) color: red와 같은 단일 규칙. 꾸밀 대상, 즉 선택자의 속성을 명시함. 속성(p..

local storage와 session storage는 HTML5에 추가된 저장소로, 간단한 key와 value를 저장할 수 있는 key-value storage의 형태이다. Local Storage 사용자가 지우지 않는 한 계속 브라우저에 남아있음. (영구성) 예> 자동 로그인 정보 ❗ 비밀번호는 저장하면 안됨. (클라이언트에 저장하는 거라 털릴수 있음) Session Storage 윈도우나 브라우저 탭을 닫을 경우 소멸됨. 예> 일회성 로그인 정보 쿠키(Cookie) - 브라우저에 있는 저장소 역할. - 만료 기한이 있는 key-value 저장소 - 4kb 용량제한 有. - 매 서버 요청마다 서버로 쿠키가 같이 전송됨. document.cookie; document.cookie를 하면 현재 쿠키 정..

Geolocation API - 사용자가 원할 경우 웹 애플리케이션에 위치 정보를 제공할 수 있는 API ** API = 다른 서버와 이야기(소통)할 수 있는 방법을 의미. - 개인 정보를 위해 브라우저는 위치정보 제공하기 전, 사용자에게 위치정보 권한 확인을 받음. https://mywebproject.tistory.com/161 (Private) 이전 포스팅중 momentum 클론코딩을 할 때 한번 사용해봤었다. 🔻🔻🔻 REVIEW 🔻🔻🔻 더보기 function onGeoOk(position) { console.log(position); } function onGeoError() { alert("Can't find you. No weather for you."); } navigator.geolocat..

HTML 기본 태그 총정리 (hyperlink O) - 2022.02.04 수정 INDEX 메인 루트 메타 데이터 컨텐츠 구획 (sectioning) 텍스트 컨텐츠 인라인 텍스트 시멘틱 멀티미디어 내장컨텐츠 스크립트 테이블 양식(Form) 대화형 웹 컴포넌트 기본 구조

HTML 기본 태그 총정리 (hyperlink O) - 2022.02.04 수정 INDEX 메인 루트 메타 데이터 컨텐츠 구획 (sectioning) 텍스트 컨텐츠 인라인 텍스트 시멘틱 멀티미디어 내장컨텐츠 스크립트 테이블 양식(Form) 대화형 웹 컴포넌트 기본 구조

- HTML에서는 특정 문자들이 예약되어있기 때문에 표기의 혼란을 막기 위해 특수문자를 숫자표현 or 문자표현으로 작성한다. 예를 들면, 공백을  로 쓰거나, 을 가각 <, >처럼 쓴다. (그냥 막 갖다붙인게 아니고, lt = less than과 같이 의미가 다 있다.) 특수문자 숫자표현 문자표현 설명 space &%09 &%10 &%32 수평탭 줄삽입 여백 space (non-breaking space) > > greater than & & & ampersand ' ' ' (IE에서 안됨) apostrophe " " " quotation mark ‘ ‘ ‘ left single quotation mark ’ ’ ’ right single quotation mark “ “ ..

- 2022.02.04 수정 INDEX 메인 루트 메타 데이터 컨텐츠 구획 (sectioning) 텍스트 컨텐츠 인라인 텍스트 시멘틱 멀티미디어 내장컨텐츠 스크립트 테이블 양식(Form) 대화형 웹 컴포넌트 기본 구조 내용 innerHTML, 즉 내용이 없을 때는 닫는태그 대신 여는태그 마지막 부분에 />를 넣어 끝내준다. 따옴표는 큰따옴표 or 작은따옴표 (상관 X) - 보통은 큰따옴표로 감싸줌. 태그 안에 태그가 들어가도 된다. - HTML5를 사용함을 브라우저에게 알림. - 브라우저는 스스로 HTML 문서 버전을 판단하기 어렵기 때문. 메인 루트 - HTML 문서의 루트(=최상단 요소)를 나타냄. - 모든 다른 요소는 의 후손 태그임. 문서 meta Data - 모든 상대 URL이 사용할 기준URL..

map 태그 - name 속성(필수) 맵 참조시 사용할 수 있는 이름. / 공백문자 포함 X / id가 존재할시 name과 동일해야함. index.html Ref. - HTML: Hypertext Markup Language | MDN HTML 요소는 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다. developer.mozilla.org