Vanilla JS
1.<vanilla JS_ #1.8 Data Types on JS>
Nomard code_ 1.8 Data Types on JS
2.<vanilla JS_ #1.9 Organizing Data with Arrays>
/자바스크립트에서 데이터를 어떻게 정렬할까?/ /*1. Array _ 배열 데이터를 리스트처럼 저장하는곳 */ 이렇게 데이터를 저장하고, 불러올 수 있지만, 비효율적이다. /console.log(monday tue wed) 이렇게 쓰면 에러나요~ 쉼표 꼭 찍어주기/ //데이터를 Array에 넣는 첫번째 방법 //daysOfWeek 배열의 첫번째(...
3. <vanilla JS_ #1.10 Organizing Data with Objects>
배열과 객체의 다른점 Object에는 각 value에 이름을 줄 수 있다. 객체 선언을 하고 싶으면 {} 사용 gender값만 받고 싶으면? Const안에 있는 값 gender의 value를 바꾸고 싶다면? Also 1) 객체안에 배열을 넣을 수 있다. 2) 객체안의 배열에 또 객체를 넣을 수 있다. 3) 가장 중요한 자바스크립트 문법 규칙 -객체 값...
4.<vanilla JS_#2.1 Your first JS Function
console.log(nico) 20190826_154700.png
5.<vanilla JS_ #2.1.1 More Function Fun
요약 1. 백틱을 사용하여 스트링과 변수를 쓰는 방법 따옴표 대신 백틱을 사용하면+ 연산자나 콤마 없이 쭉 스트링을 쓸 수 있고, 중간에 변수를 사용하고 싶으면 ${변수}를 넣어주면 된다. 2. console.log와 returning x의 차이 함수내에서 return 값이 없으면 출력되는것이 없는 undefined 값이 된다. 3. consol...
6.<vanilla JS#2.2 JS DOM Functions>
요약 1. html에 있는 요소를 자바스크립트로 가져와서 객체로 만드는 과정(자바스크립트로 선택한 모든것은 객체가 된다.) 2. 함수들, 객체들의 함수들 모두 DOM형태로 변경이 가능하다 1) index.html에서 h1태그에 title이라는 id를 부여 html js2.png 2) index.js에서 index.html에 있던 h1을 선택한 모습 ...