본문 바로가기

자바스크립트41

배열함수 개념과 APIs www.youtube.com/watch?v=yOdAVDuHUKQ [looping] 1. for( ){ } 2. for( let 임의의 변수명 of 정의된 변수명(배열) ){ } 3. forEach( ①콜백함수(3가지의 인자: value, index, array), ②Argument ){ } [Addition, deletion, copy] 1. add an item to the end : push( ) 2. remove an item from the end : pop( ) 3. add an item to the beginning : unshift( ) 4. remove an item from the beginning : shift( ) ** push와 pop은 마지막 데이터를 사용하기 때문에 비교적 빠르다.. 2020. 9. 9.
JavaScript 정보 (ES6: ECMAScript) https://beomy.tistory.com/category/JavaScript 2020. 9. 2.
ECMAScript 와 JavaScript의 차이점 https://sustainable-dev.tistory.com/105 👀 들어가기 전에 알아보기 컴파일러 고급언어로 쓰인 프로그램이 컴퓨터에서 수행되기 위해서 컴퓨터가 이해할 수 있는 언어로 바꿔주어야 한다. 이러한 일을 하는 프로그램을 컴파일러라고 한다. 컴파일러는 소스를 한꺼번에 한 번만 읽고 분석한다. 인터프리터 컴파일러는 소스를 한 번에 기계어로 변환시키지만, 인터프리터는 코드 한 구문씩 기계어로 해석해나가면서 실행하는 프로그램이다. 스크립트 언어 스크립트 언어는 컴파일 과정을 요구하지 않는 언어이다. 예를 들면 C나 JAVA 같은 경우 작동하기 전에 컴파일이 필요하지만, 스크립트 언어인 JavaScript나 PHP는 컴파일이 필요하지 않다. 일반적으로 컴파일된 프로그램은 한 번에 기계어로 번역.. 2020. 9. 2.
ES6: 구조분해 할당(Destructuring) https://ko.javascript.info/destructuring-assignment#ref-70 구조 분해 할당 ko.javascript.info const candyMachine = { status: { name: "none", count: 5, }, getCandy(){ this.status.count--; return this.status.count; } [객체 분해하기] 1. 기본 문법 let { var1, var2} = { var1 : …, var2 : … } 예시#1: let options = { title : "Menu", width : 100, height : 200 }; → ① let { title, width, height } = options; 또는 ② let { width .. 2020. 8. 28.
선택자: querySelector('') 매서드 [feat. 생활코딩, 바위처럼] 참고영상: https://www.youtube.com/watch?v=heH2ppuZQco&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7&index=9&t=0s 참고영상: https://www.youtube.com/watch?v=fRGtrlQemhs const li = document.getElementsById('') const li = document.getElementsByClassName('') const li = document.getElementsByTagName('') ★배열 + 반복문 const li = document.querySelector('li) ★1나의 엘리먼트를 선택 const li = document.querySelectorAll('li) ★배열 + 반복.. 2020. 8. 7.