목록JavaScript (21)
상추의 IT저장소
자바스크립트에서 배열을 만드는 방법 - 배열 리터럴 대괄호( [ ] )를 사용하여 만드는 방법 let arr = []; - Array() 생성자 함수로 배열을 생성하는 방법 var arr = new Array(); 자바스크립트 배열이 다른 언어와 다른점 - 배열 내부의 데이터 타입이 서로 다를 수 있다. - 배열의 크기는 동적으로 변경될 수 있다. //number 타입으로만 이루어진 배열 let arr1 = [1, 2, 3, 4, 5]; //string 타입으로만 이루어진 배열 let arr2 = ["h","e", "l", "l", "o"]; //number 타입과 string 타입을 함께 사용한 배열 let arr3 = [1, "h", 2, "e"]; //다양한 자료형 함께 사용한 배열 let arr4..
1) npm이란? npm은 Node package manager의 약자로, 말 그대로 Node.js 개발자들이 패키지의 설치 및 관리를 쉽게 하기 위해 도와주는 관리 도구이다. 2) 패키지 매니저 사용 이유 1. 프로그램을 제작 시 어떤 기능을 구현할 때 자신이 직접 프로그래밍을 하지 않아도 동일한 기능의 남이 만들어놓은 코드를 쉽게 사용이 가능하다. 2. 코드의 재사용성이 높아지고 유지 보수가 쉬워질뿐더러 형상관리가 용이해진다. 3) npm 사용하기 $ npm init $ npm init --yes 뒤에 --yes를 붙여주면 package.json 파일이 생성된다. 4) 패키지 설치하기 $ //npm install 패키지 이름 $ npm install express, ejs, body-parser, m..
1. .append() 함수는 대상의 요소 내에 맨끝에 새로운 요소를 추가하는 함수이다. 2. .prepend() 함수는 현재 대상 요소의 안의 자식중 제일 첫번째 위치에 요소가 추가된다. 3. .remove() 함수는 현재 대상 자체를 삭제한다. 4. .empty() 함수는 현재 엘리먼트 하위 자식들을 다 삭제 한다. 안녕하세요 append prepend remove empty >> 결과 1. append 버튼을 클릭 2. prepend 버튼 클릭 3. remove 버튼 클릭 4. empty 버튼 클릭 출처 : https://dion-ko.tistory.com/114
jQuery 란? jQuery는 오픈 소스 기반의 자바스크립트 라이브러리이다. jQuery는 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해준다. 또한, jQuery를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있다. jQuery 적용 웹페이지에 jQuery파일을 로드하는 방법으로는 1. JQuery파일을 다운받아 로드하는 방법 2. CDN 을 이용하여 로드하는 방법 나는 주로 2번 방법을 이용하는데, CDN을 이용하면 jQuery 파일을 서버에 따로 저장하지 않아도 jQuery를 사용할 수 있다. 해당 코드를 헤더에 삽입하여 이용 할 수 있다. jQuery 문법 jQuery를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 ..
blocking vs non-blocking blocking/non-blocking은 호출되는 함수가 바로 리턴하느냐 마느냐 - blocking: 바로 리턴 하지 않는다. - non-blocking: 바로 리턴 한다. sync vs async - 동기(sync): 호출되는 함수의 작업 완료 여부를, 호출 하는 함수가 신경씀. - 비동기(async): 호출되는 함수의 작업 완료 여부를, 호출 되는 함수가 신경씀. 현재 실행 중인 태스크가 종료될 때까지 다음에 실행될 태스크가 대기하는 방식 을 동기(synchronous) 처리 방식이라고 하며 현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하는 방식 을 비동기(asynchronous) 처리라고 한다. 대표적으로 타이머 함수인 ①..