[웹] 자바스크립트(JavaScript) 복습

생활코딩 WEB2 Javascript를 학습하며 기록한 것들을 포스팅합니다.

 

생활코딩

 

• <script> 태그 안 코드들은 javascript로 해석
• <input type = "button" value= "hi" onclick= "alert('hi')">
  • type 으로 종류를 정하고, value로 종류에 들어가는 값을 정하고, onclick은 클릭 한다면
  • type = text, onchange=alert... 또는 onkeydown 같은 것도 가능
•  콘솔을 통해서 페이지에 바로 코드를 보낼 수도 있음
  • 검사 - 콘솔 or element에서 esc 누르면 됨
• 코드는는 대소문자 구분함. 오타조심
• toUpperCase, trim, indexof 등등 별 것 다 있음.
• 변수를 사용할 땐 var 을 붙여주는게 좋음.
  • var name = 'starbucks'처럼.

Document 객체 - 퍼옴;;

• Document 객체는 웹 페이지 그 자체를 의미합니다.
• 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 합니다.
• js에서 같다는 뜻의 기호는 '==='이고, html 에 서부등호 <,>를 그냥 쓰면 문법적으로 인식하기 때문에 %lt; 와 %gt; 로 표현해야 한다.
• if (조건) { 실행문} 으로 쓰면 된당. 
• 자기가 속한 코드의 값을 불러올때는 this를 사용하면 됨.

-   <input id = 'night_day' type = "button" value = "night" onclick="
-   if (document.querySelector('#night_day').value === 'night') {
-      document.querySelector('body').style.backgroundColor = 'black';
-      document.querySelector('body').style.color = 'white';
-      document.querySelector('#night_day').value = 'day';
">

if (document.querySelector('#night_day').value === 'night') 의 볼드 부분을 this 로 바꾸면 됨. / input의 value 를 의미

아래 조건 실행문의 document.querySelector... 이것도 var target = document.querySelector... 로 리팩토링 가능        

 

• 배열은 [,]로 만들어진다. list와 비슷한 느낌임. listname[0] 과 같이 순서대로 뽑을 수도 있음.
• js의 반복문은 for과 while이 있는데, c언어랑 같은 방식으로 사용한다. 세미콜론을 쓴다는 점도 c와 비슷한 부분인 듯.
  • ex : for( var i=0;i<4,i++){...}
• console.log ()로 콘솔창에 코드를 띄울 수 있음 printf 또는 document.write 와 비슷한 기능
• js는 함수를 정의할 때 function 이라는 코드를 쓴다.
• 한 코드 안에 ' 또는 " 를 같이 쓰면 안되는 듯.
• js는 문자와 숫자를 더하면 숫자를 문자로 간주함.
• this 를 쓰는건 파이썬의 class 에서 self,a,b 를 쓰는 것과 비슷한원리인 듯. 책 찾아보소
•  
• 객체
• 객체를 만드는 기호는 {,}. 파이썬의 클래스와 객체는 비슷한 것 같다. 또는 모듈.
• 파이썬과 비슷하게 객체 안 콘텐트들은 object.content 식으로 가져올 수 있고, 추가할 때는 object.whatyouwant = "something" 식으로 넣을 수 있음.
  • object["whatyouwant"]="something"도 가능. 이건 띄어쓰기가 가능해서 object("what you want"]를 할 수 있다.
• 그 말은 즉슨 object[key] 하면 value 가 나온다는 말!
• 객체에는 숫자, 문자, 함수도 담을 수 있다.
• function showAll() {} 와 coworkers.showAll = function() {} 은 같다.
• 객체에 소속된 함수를 method 라 부르고 객체에 소속된 변수는 property 라고 부름.
• 객체는 property 와 property 를 구분할 때 콤마(,)를 찍음.
• <script src = "name.js"></script> 로 다른 js를 불러올 수 있음. 모듈!
• jQuery 는 제일 유명한 라이브러리

---

이제 텐서플로우.js (TensonFlow.js)를 학습하기 위한 복습이 끝났습니다.

지금부터는 텐서플로우 학습 기록을 포스팅합니다!