web2 javascript 빡세다

.js 비교연산자 불리언 조건문
comparison operator
Boolean > true,false

number/ string/ boolean

<    &lt;   

낮밤 버튼만들기  검사해서 값찾는거 복습
document.querySelector 

.리팩토링 
코드의 효율성을 높이는것
this 
target
  var target = document.querySelector('body');

.반복문 while
.배열과 반복문 .배열은 0부터 시작
각각의 항목 :원소
get add length(count) 
검색 지향 프로그래밍
javascript get element by css selector multiple

어렵다 배열과 반복문의 활용

.함수 function method ;반복이 연속적이지 않거나 불규칙할때 함수를 사용
parameter argument return
매개변수와 인자 입력과 출력


  function sumColorRed(left, right){
      document.write('<div style="color:red">'+(left+right)+'</div><br>'); //머리뜯었다
      }
      sum(2,3); //5
      sumColorRed(2,3); //5
      sum(3,4); //7

> 하나 안써서 값 안뜬것도 해결 하...
들여쓰기도 중요하다

.객체 엄청어렵다고하심 함수와 양대산맥
객체에 속해있는 함수 method


객체 정리정돈 상자 
넘 어려움
세미콜론 쉼표 빼먹으면 안돼

javascript object literate
for in
객체와 반복문 객체 데이터 순회 
진자 어려움

.프로퍼티와 메소드
객체에 속한 변수는 프로퍼티
객체에 속한 함수는 메소드

객체의 프로퍼티들을 구분할때 콤마씀
중괄호 하나 빼먹어서 작동안했음

<script src="colors.js"></script> ???????????????
한 페이지에서 다크모드 한걸 다른 페이지도 적용되게 할수있을것같은데 

.라이브러리와 프레임워크
소프트웨어의 사회성 다른사람과 협력하는 모델
라이브러리 가져와서 쓰는거
프레임워크 안에 들어가서 쓰는거

jQuery 라이브러리
ctrl + / 많은 에디터 주석 처리
 $('a')  //이 웹페이지의 모든 a태그를 jquery로 제어하겠다

      $('a').css('color', color);
왜 안되지 머리뜯고있었는데 구글 제공 js 코드를 페이지들에 안붙여넣었었음
src를 통해서 구글에서 제공한 jquery라이브러리의 주소
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

하
문법을 아는것도 중요하지만 어떤 라이브러리가 새로 생겼는지, 어떠 라이브러리가 있는지를 많이 알수록 많은 일을 할 수 있다

.UI User Interface ex 버튼
API  Application Programming Interface  ex) alert
API와 순서

프로젝트 시작하기
웹페이지에 있는 어떤 태그를 삭제하고 싶거나 어떤 태그에 자식 태그를 추가하고 싶다면 document 객체 찾기
안되면 dom으로 넓히기 
웹브라우저 전체 window객체
웹페이지 변경하지 않고 정보 변경 ajax
웹페이지가 리로드되어도 현재 상태를 유지하고 싶으면 cookie
<사용자를 위한 개인화된 서비스 가능
인터넷이 끊겨도 동작하는 웹페이지 offline web application
화상통신 webRTC
사용자 음성 인식 음성정보전달 speech
3차원 그래픽으로 게임같은것을 만들고 싶다면 webGL
가상현실 webVR