push() 배열의 끝에 아이템을 추가한다. var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var push = fruits.push("Grape"); console.log(fruits); //결과 //["Apple", "Banana", "Orange", "Strawberry", "Grape"] pop() 배열의 마지막 아이템을 제거한다 var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var pop = fruits.pop(); console.log(pop); console.log(fruits); //결과 //["Apple", "Banana", "Orange"]; shift() 배열의 첫번째 아이..
웹개발/javascript
for문과 foreach문의 차이에 대해 알아보자 for문 예시 for(let i =0; i{ ... }) 배열의 각 요소에 대해 callback을 실행한다. 배열을 순회하므로 중간에 break문을 사용할 수 없다. map 예시 array.map(callback(currentValue[, index[, array]])[, thisArg]) 배열의 각 요소에 대해 callback을 실행하고 실행결과를 모은 새 배열을 리턴한다. 배열을 순회하므로 중간에 break문을 사용할 수 없다. 동기(sync), 비동기(async)의 차이 for는 동기방식이기 때문에 for문 안에 오류가 나면 에러 위치 이후의 이벤트들은 동작하지 않고 멈춰버린다. foreach는 ES6 문법으로 콜백함수를 뿌린다. 비동기 방식으로 진..
JQuery란? HTML 요소들을 조작하는 Javascript를 미리 더 쉽게 작성해둔 것. 라이브러리 JQuery를 쓰는 이유 순수 Javascript만 사용하면 길고 복잡하기 때문에 좀 더 단순한 제이쿼리를 쓴다. Javascript로도 모든 기능을 구현할 수 있지만, 1)코드가 복잡하고 2)브라우저 간 호환성 문제도 고려해야 해서, JQuery라는 라이브러리가 등장하게 되었다. JQuery VS Javascript 제이쿼리는 미리 작성된 Javascript 코드다. 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것이기 때문에 쓰기 전에 반드시 "임포트"를 해야함 Javascript document.getElementById('hello').innerHTML = '안녕'; jQuery $('#hell..
자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 모던 js 튜토리얼에선 다음과 같이 설명함 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. 이런 관점에서 보면 자바스크립트는 자바(Java)와는 매우 다른 언어라고 할 수 있습니다. 왜 브라우저를 움직이게 하기 위해 JavaScript를 사용해야 하는가? 브라우저가 JavaScript를 주로 사용하는 이유는 역..
