Javascript/Javascript 기본16 [드림코딩 JS] #2 data types, let vs var, hoisting - CPU에 최적화된 로직을 작성하는게 중요. - 메모리 사용을 최소화 let (ES6에서 추가된 변수) var 변수는 선언도 하기 전에 값을 할당할 수가 있다. (var보다는 let을 사용해주자.) age = 4; var age; 심지어 출력도 가능하다. console.log(age); age = 4; console.log(age); var age; name = 4; let name; let은 var와 다르게 선언 하기 전에 값을 할당하면 에러가 발생한다. 값을 선언하기도 전에 쓸 수 있는것을 var hoisting이라고 한다. 어디에 선언했는지 상관없이 항상 선언을 가장 위로 끌어올리는것을 말한다. 그리고 var는 block scope도 없다. 블록을 철저히 무시한다. { age = 4; var ag.. 2020. 9. 26. [드림코딩 JS] #1 script async 와 defer의 차이점 드림코딩 by엘리 www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 AJAX : 비동기적으로 데이터를 서버에서 받아오고 처리할 수 있도록 도와준다. SPA(Single Page Application) : 하나의 페이지 안에서 데이터를 받아와서 필요한 부분만 업데이트하는 것이 유행이다. 물론 자바스크립트만으로도 구현이 가능하겠지만, SPA를 조금 더 쉽게 만들기 위해서 React, ANGULAR. VUE 등이 나오는것이다. 많은 개발자들이 공식 사이트처럼 이용하는 곳이 MDN이다. developer.mozilla.org/ko/docs/Web/JavaScript JavaScript JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴.. 2020. 9. 24. 여행 준비물 점검 목록 만들기 여행 준비물 점검 목록 추가 let itemList = []; let addBtn = document.querySelector("#add"); addBtn.addEventListener("click", addList); function addList() { let item = document.querySelector("#item").value; //value는 input창에 입력된 값을 말한다. if (item !== null) { itemList.push(item); //배열안에 value를 집어 넣을것. document.querySelector("#item").value = ""; //다음 값을 입력하기 편하게 입력창을 리셋 document.querySelector("#item").focus(); }.. 2020. 7. 26. Array 객체 let myArray = new Array(); Array 객체의 인스턴스를 만든다. concat() : 두 개의 배열을 연결해서 새로운 배열을 만든다. join() : 배열 요소를 연결한다. 구분 구호 지정안하면 쉼표로 구분 push() : 배열의 맨 끝에 요소를 추가한다. ( 배열의 맨 앞에 추가하려면 unshift() 함수를 사용) 반대로 추출할때는 pop() 과 shift()를 사용하는데, pop()은 맨 뒤에 있는 요소를 추출하고 shift는 맨 앞에 요소를 추출한다. splice() : 배열의 중간 부분 요소를 추가하거나 삭제할 수 있고, 한꺼번에 2개 이상의 요소를 추가하거나 삭제할 때 사용한다. 일단 인수가 1개일 경우는 인수가 가리키는 인덱스의 요소부터 배열의 끝 요소까지 삭제한다. 인수.. 2020. 7. 26. 이전 1 2 3 4 다음
