1. Javascript는 페이지 로딩시점에서 발휘된다.
2. Console에서의 javascript 발휘시점은 enter키를 눌렀을 때
3. Meta 데이터는 데이터를 설명해주는 데이터라 이해
4. built in 함수(object) - Alert함수 같이 사전에 정의된 함수(object)
5. 함수의 종료 시점 : 더 이상 수행할게 없거나 return시
6. Return : 함수를 호출한 뒤 다시 돌아오기 때문에 return함수는 호출되고 함수가 완료된 후에 반드시 어떤 값으로 변환(undefined라도)
7. ( ) (함수의 소괄호)는 함수를 호출(call)
8. 변수 : 데이터를 저장할 수 있는 이름 지어진 기억 공간
9. = : (대입연산자)
10. Object : 한 공간에 여러 종류의 data를 넣어 묶음으로 관리하기 위해 존재
11. Object는 순서가 중요한 데이터가 아니다. (name, price, brand의 순서는 큰 의미가 없다)
12. 함수도 배열이나 object로 선언할 수 있다.
13. Java 및 javascript에서는 배열이 call by value가 아닌 call by reference인데 그걸 call by value로 구현하기는 어렵다. --> arr1 = names.slice()로 call by value처럼 구현할 수 있다.
14. 우리가 기본적으로는 reference값을 알 수 없지만 Document, queryselector등으로 접근
15. 크롬에서는 주소값(ex)object가 들어있는 30번방 key를 우리에게 던져줌으로써 우리가 object를 찾아갈 수 있는 것(c언어 처럼 30번 주소에 관한 것은 우리가 찾을 방법이 없음)
16. Javascript에서 기본적으로 reference를 제시하기 때문에 페이지가 닫히면 reference가 reset된다.
17. sizeof 같은 것도 알 수 없다.
18. Tag는 태그, id는 #아이디, class는 .클래스로 나누어 표기 + "[name="네임밸류"]"
19. 함수를 호출하는 걸 call이라 하고 call back이라는 용어는 나중에 불렀을 때 호출되기 때문에
20. script영역에서의 -를 고려하여 바꾸는 경우를 Carmel case라고한다(margin-left -> marginLeft)
21. script에서 querySelector로 style(css)를 건들시 반드시 내부(inner) CSS를 삭제하자!
22. 왜 JSON을 파싱해야하나? --> WEBSERVER는 obj형식을 이해하지 못하고 문자열 형식으로 이해하기 때문에
23. Class형 변수(생성자)는 function을 대문자로 시작하게 지정하면 적용된다,
배열에 push한 object(객체)를 조심해라!!! 이미 push가 되어도 객체가 바뀌면 객체가 변화한 값에 영향을 받는다.(배열에 3개를 push했으면 최종값으로 3개가 들어감)
24. Style속성을 우리가 재정의 할 수 있고, override라고 함
25. 좌우 margin은 서로 중첩이 안되나, 위아래 margin은 중첩되고 큰 margin이 남음
26. 배열의 값의 max값을 구하기 위해선 Math.max(arr)가 아니라 Math.max(...arr)로 적용해야 된다.
27. Form에서 label for 속성과 input id속성이 동일한 이름이여야 한다.
28. Input같은 요소를 사용할 때 id가 같으면 묶여버리지만 name은 묶이지 않는다.
29. Js의 dom은 document의 줄임말이다.
30. Semantic markup(시멘틱 마크업) - nav처럼 div와 같은 기능이나 용도적으로 이런 용도임을 명시하는 마크업
31. Paragraph와 span의 차이는 block이냐 inline이냐 차이인듯
32. Content를 쌓는 순서 결정요소 z-index --> 높을수록 상단에 쌓임
33. CSS 가중치 요소(태그명) < 클래스명 < 아이디명 < inline CSS < !important
34. Body부분에 lorem + tab을 치면 기본문장을 제공해준다.
35. @media --> 조건이 만족해야 발생하는 query
36. :는 가상 (클래스) 선택자, ::는 가상 요소 선택자