FrontEnd

가상 클래스 셀렉터요소의 특정 상태에 따라 스타일을 정의할때 사용  1-1. 링크 셀렉터link방문하지 않은 링크일 때visited방문한 링크일 때hover마우스가 올라와 있을 때active클릭된 상태일 때focus포커스가 들어와 있을 때  링크   1-2.UI 요소 상태 셀렉터:checked체크 상태:enabled사용 가능한 상태:disabled사용 불가능한 상태  1번 2번 3번 1번 2번 3번 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스     1-3 구조 가상 클래스 셀렉터:first-child모든 요소 중 첫번째 자식인 요소를 선택:last-child모든 요소 중 마지막 자식인 요소를 선택:nth-child(n)모든 요소..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.this자바스크립트에서 함수는 arguments 객체와 this를 암묵적으로 받는다.Java같은 언어에서 this는 객체 자기자신에대한 참조값이지만 JavaScript에서 this는 바인딩되는 객체가 함수 호출 방식에 따라 달라진다.함수를 선언할때 결정되는것이 아니라 호출될때 결정된다.    2.함수호출 this전역객체는 전역 스코프를 갖는 전역 변수를 프로퍼티로 소유한다.이때 this는 전역객체에 바인딩된다.이때 브라우저에서는 window, 터미널에서는 global 객체를 의미한다.this === window // truethis === global // true    전역 함수, 내부함수, 메소드의 내부함수, 콜백함수 모두 외부 함..

1.전체 셀렉터모든 요소를 선택sdasasda   2.태그 셀렉터태그명으로 요소를 선택p { color: red; }a {color: antiquewhite;}   3. ID 셀렉터id 어트리뷰트 값을 지정하여 요소를 찾는다.sdasasdasdasasda" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   4.클래스 셀렉터class 어트리뷰트 값을 지정하여 일치하는요소를 찾는다.이미 정의되어있는 클래스를 지정하는것또한 가능하다.sdasasdasdasasda" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스     5.어트리뷰트 셀렉터셀렉터[어트리뷰트]형태로 작성하여 지정된 어트리뷰트를 갖는 모든 요소를 선택qqqqqq    5-1.어트리뷰트 셀렉터 활용..

1.셀렉터스타일을 적용하고자 하는 HTML 요소를 선택하기위한 수단셀렉터{속성1:속성값}  2.속성(프로퍼티), 속성값셀렉터로 선택이후 {} 내에서 속성(프로퍼티)와 값을 지정한다.값은 키워드, 크기단위, 색상 표현단위등 특정 단위로 지정한다.   3.CSS HTML 연동법3-1.Link styleHTML에서 외부에 있는 CSS 파일을 로드하는 방식(외부 CSS 파일에 CSS가 작성되어있다.)    3-2.Embedding styleHTML 내부에 CSS를 포함하는 방법    3-3.Inline styleHTML요소의 style 프로퍼티에 CSS를 기술행복

1.이미지src 이미지 경로alt 이미지 없을경우 표시되는 문장width 너비height  높이" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   2.오디오src 파일 경로 preload 재생 전에 음악 파일을 모두 불러올 것인지 지정 autoplay 자동재생 지정loop 음악반복 지정 controls 음악 재생 도구를 표시 지정   3.비디오src 파일 경로 poster 동영상 준비 중에 표시될 이미지 파일 경로 preload 재생 전에 동영상 파일을 모두 불러올 것인지 지정 autoplay 자동 재생 지정 loop 반복 지정 controls 동영상 재생 도구 표시 지정.width 너비 지정 height 높이 지정

1.목록(List)1-1.ulUnordered list 하나 둘 셋 야!   1-2.oltype으로 문자를 지정가능value를 통해 특정위치 순서지정가능start를 통해 시작값 지정가능Ordered list 하나 둘 셋 야! 하나 둘 셋 야! 하나 둘 셋 야! 하나 둘 셋 야! 하나 둘 셋 야!      1-3.중첩목록을 중첩하여 사용할수도있다.중첩 하나 둘 둘하나 둘둘! 셋 야!       2.테이블 태그 설명 table 표를 감싼..

1.Hyperlink한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능구글구글" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    2.href 속성이동하고자하는 파일의 경로(path)를 받는다.절대 경로, 상대 경로 , fragment id , 메일, script의 요소가 올수있다.절대경로상대경로첫번째로메일Javascript절대경로상대경로첫번째로메일Javascript" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스      2-1.디렉터리루트 디렉터리C:\홈 디렉터리C:\Users\계정명작업 디렉터리./부모 디렉터리../    2-2.파일 경로절대경로현재 작업 디렉터리와 상관없는 파일의 절대적인 위치(루트 디렉터리 기준)  상대경로현재 작업 디..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.strict mode직역하면 엄격한 모드로 자바스크립트 언어의 문법을 보다 엄격히 적용하여 기존에는 무시되던 오류를 명시적인 에러로 발생시킨다.'use strict';function foo(){ x=10}foo();Uncaught ReferenceError ReferenceError: x is not defined   🎈참고자료https://poiemaweb.com/js-strict-mode