객체 주소를 담을 때는 배열을 사용하는 거임
객체를 생성해두는 일을 함수를 factory method라고 부름
function () { // 이거 factory
const obj = new Object()
}
const f1 = f1()하면 이 f1함수의 리턴값을 변수에 담는 다는 뜻임, 리턴값이 없는 경우 undefined
selector는 css 문법
html은 값 뒤에 ; 이거 쓴다
border-style: dotted; 가장자리를 점선으로 찍겠다 라는 뜻
컨트롤 스페이스 누르면 dotted 같은 선택권이 나옴
p 태그 paragrah
ol ordered list
모든 태그는 id 속성을 가질 수 있음
하나의 태그는 여러 그룹에 속할 수 있다
의사(임의의) 실렉터(pseudo selector) - 태그가 마우스 같은 걸 올렸을 때 상태를 알려줌
- { 모든 태그에 이걸 다줘라~ (wild selector)
border: 1px dotted red;
margin: 3px;
}
.c2, #footer, h1, p, li:hover { //이렇게 가능ㅇㅇ
border-width: 1px;
border-color: red;
border-style: dashed;
margin: 10px;
}
#content li 이렇게 공백을 띄워버리면 자식을 가리킴
ul li 밑에 자식들 전부 바꿔버림
ul > li 이거는 손주는 안되고 바로 직계자손만 가능
img + ul 이거의 대상은 ul의 형이 img일 때 ul에 적용하는 거임 ㅇㅇ 바로다음!!!!
div#content 공백 띄우면 안됨 공백을 띄우면 자손을 찾는 거임
radio 버튼은 델타적 선택 하나만 선택가능
input type 을 잘 써줘야함
input[type="text"][value] 벨류 속성이 있는 경우 그 태그에 대해서만 스타일을 적용해라~
name="hometel 서버로 보낼 때 쿼리스트링으로 사용된다
div:nth-child(2) 해당 태그가 부모로부터 2번째 자식인 상태(태그에 상관없이 div, p태그 상관없이ㅇㅇ ) 즉 div 태그가 부모로부터 몇번째 자식? // 0은 없음
li:first-child
li 태그가 부모로부터 1번째 자식인 경우
text-decoration 은 하위태그들에게도 영향을 끼침
a:visited 방문했던 적이 있는 태그에 대해서 색깔을 이렇게 해라~
.b1:focus 이렇게하면 분류명에 대해서 적용하는 건데 우선순위가 높다 즉 덮어써지지 않는다.
h1:nth-child(2n) { 은 짝수번째에 대해서 css적용해주세요~
h1:last-child 은 h1이 막내태그라면~
API - 어플리케이션을 사용할 때 쓰는 규칙
현재 궁금한점 객체 생성함수에서 argument를 출력하면 나오지 않음
함수에 들어가는파라미터도 로컬 변수
function Score(name, kor, eng, math) {
//new 명령을 실행한 후에 이 함수를 호출하면
//this 내장 변수에 객체 주소가 저장된다
// 이렇게 되면 이 함수 내부에서 객체를 생성할 필요가 없다ㄴ
// var obj = new Object(); 이런식으로 문장실행됨
함수를 생성자 함수로 쓸 때는 this 가 활성화된다. 즉 생성자로 동작할떄는 this 내장변수에 객체 주소가 들어있다.
객체의 constructor 프로퍼티에는 생성자 정보가 들어있다. 그래서 사용하게 되면 해당 객체가 어떤 생성자를통해 초기화 되엇는지 알 수 있다.
js 에서는 항상 프로토타입을 기반으로 만들어야댐
const obj = Object.create(Object.prototype) 이렇게 만들어 줘야함
화살표 함수의 this 는 윈도우 객체를 가리키기 때문에 객체의 다른 멤버를 사용하려면 멤버함수로 등록자제해야한다. 안쓸거면 써도됨
