Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2018 웹 테크 콘서트 - JavaScript 천천히 시작하기

yamoo9
August 23, 2018

2018 웹 테크 콘서트 - JavaScript 천천히 시작하기

그림으로 배우는 JavaScript 가이드

Part. 1 자바스크립트 변수와 데이터 타입

- 메모리, 변수, 상수, 키워드, 연산자, 데이터 타입, 

타입 검사, 문서객체모델, 접근과 조작

yamoo9

August 23, 2018
Tweet

More Decks by yamoo9

Other Decks in Education

Transcript

  1. :".00/*/&!ZBNPPZBNPP!OBWFSDPN ߸ࣻୡӝചؘ੉ఠೡ׼ var shape = 'ҳ୓'; // ݽন ➟ String

    var meterial = 'ୌোҊޖ PVC'; // ੤ܐ ➟ String var color = 'োف'; // ࢚࢝ ➟ String var maker = '઺Ҵ OEM'; // ઁઑ ➟ String var use = 'పפझ ҕ'; // ਊب ➟ String var size = '67mm'; // ௼ӝ ➟ String
  2. :".00/*/&!ZBNPPZBNPP!OBWFSDPN ߸ࣻ੉ܴ୽جޙઁ ߸ࣻ੉ܴ਷ױѐ੄ؘ੉ఠч݅ ೡ׼߉ਸࣻ੓णפ׮ var shape = 'ҳ୓'; var meterial

    = 'ୌোҊޖ PVC'; var color = 'োف'; var maker = '઺Ҵ OEM'; var use = 'పפझ ҕ'; var size = '67mm'; var shape = 'ҳ୓'; var meterial = 'ੋઑоલ Ҋޖ'; var color = 'ೞন'; var maker = '઺Ҵ OEM'; var use = 'ঠҳ ҕ'; var size = '23cm';
  3. :".00/*/&!ZBNPPZBNPP!OBWFSDPN var base_ball = { shape : 'ҳ୓', meterial :

    'ੋઑоલ Ҋޖ', color : 'ೞন', maker : '઺Ҵ OEM', use : 'ঠҳ ҕ', size : '23cm', bundle : false, count : 1, used_it : true }; var tennis_ball = { shape : 'ҳ୓', meterial : 'ୌোҊޖ PVC', color : 'োف', maker : '઺Ҵ OEM', use : 'పפझ ҕ', size : '67mm', bundle : true, count : 10, used_it : false }; ё୓੿੄
  4. :".00/*/&!ZBNPPZBNPP!OBWFSDPN console.log(base_ball.color); 
 // ঠҳ ҕ ࢚࢝: 'ೞন' console.log(base_ball.used_it); 


    // ঠҳ ҕ ࢎਊ ਬޖ: true ё୓ࣘࢿ੽Ӕߑߨ ё୓੄ࣘࢿী੽Ӕೞחߑߨ਷
 ё୓ࣘࢿੑפ׮ console.log(tennis_ball.color);
 // పפझ ҕ ࢚࢝: 'োف' console.log(tennis_ball.count);
 // పפझ ҕ ѐࣻ: 10
  5. :".00/*/&!ZBNPPZBNPP!OBWFSDPN য়Ӓۧҵ
 Ӓؘ۠௏٘ખ
 ೧ࢳ೧઴ې  ҳ࠙੉ੜউغ֎  যڌѱ׮ܲѢ૑ EPDVNFOUё୓ח
 $44ࢶఖ੗ܳా೧


    ޙࢲё୓ী੽Ӕ
 ೡࣻ੓חߑߨਸ
 ઁҕ೧ࠊࠊ document.querySelector('figure'); document.querySelectorAll('figure'); // ױࣻ(1ѐ) // ࠂࣻ(1ѐ ੉࢚)
  6. :".00/*/&!ZBNPPZBNPP!OBWFSDPN ইೞ ௿ېझࣘࢿਸ୶о ೞѢա ࣗਬೞҊ ੓ח૑ഛੋೡࣻ ੓ҳա Ӓې)5.-ޙࢲ ё୓חDMBTT-JTU ࣘࢿਸо૑Ҋ੓য

    ੉ܳ੉ਊ೧ઑ੘ೡ ࣻ੓૑ // ઑ੘: ऒ٘ ௿ېझ ୶о captain.classList.add('shield'); // Ѩష: ऒ٘ ௿ېझ ࣗਬ ৈࠗ ഛੋ console.log( captain.classList.contains('shield') );