프로그래밍 (14) 썸네일형 리스트형 웹 프레임워크: Node.js(Express) 를 사용한 REST API 서버 개발하기(1) 기본 환경 Host VMware® Workstation 14 Player 14.0.0 build-6661328 OS Ubuntu 16.04.6 LTS Application - Docker : 19.03.5, build 633a0ea838 - docker-compose : 1.11.2, build dfed245 - git : 2.7.4 - go: go1.14 lunux/amd64 - node: v8.17.0 - npm: v6.13.4 - nvm Express(Node.js) Express 는 Nodejs를 위한 웹 프레임워크이다. Nodejs만으로도 웹 어플리케이션 및 API 서버 개발이 가능하지만 Express를 이용한다면 좀 더 손쉽게 API 서버를 구현할 수 있습니다. 웹 애플리케이션 Express는.. 웹 프레임워크: Angular CLI 로 프로젝트 시작하기 기본 환경 Host VMware® Workstation 14 Player 14.0.0 build-6661328 OS Ubuntu 16.04.6 LTS Application - Docker : 19.03.5, build 633a0ea838 - docker-compose : 1.11.2, build dfed245 - git : 2.7.4 - go: go1.14 lunux/amd64 - node: v12.16.1 - npm: v6.13.4 - nvm Angular Angular(앵귤러)는 구글에서 개발한 Single Page Application(SPA) 를 만들기 위한 Front-End 프레임워크 입니다. 처음에는 Angular JS라는 이름으로 발표되었다가 버전2가 나올 즈음에 Angular JS 2가 아.. Quasar Framework 시작하기 quasar.dev/introduction-to-quasar Why Quasar? | Quasar Framework What Quasar is and how it can considerably reduce your development time and costs. quasar.dev 홈페이지 번역 Why Quasar? 개발 비용을 대폭 절감하기 때문입니다. Vue.js 기반이며, 웹 사이트 및 앱에 대한 최신 UI (Material Guidelines를 따름)를 즉시 사용할 수 있습니다. 데스크톱 및 모바일 브라우저 (iOS Safari 포함)를 즉시 지원합니다. 각 빌드 모드 (SPA, SSR, PWA, 모바일 앱, 데스크톱 앱 및 브라우저 확장)에 대한 동급 최고의 지원 및 자체 CLI와의 긴밀한 통.. 10_이벤트와 이벤트 처리 10_이벤트와 이벤트 처리 이벤트 구동 프로그램이벤트를 감지하고 이벤트 발생 시 그에 대한 이벤트를 처리하는 프로그램을 말합니다.이벤트 처리기1) onclick: 클릭 이벤트 처리기 2) ondblclick: 더블클릭 이벤트 처리기 3) onfocus: 포커스를 얻을 때 이벤트 처리기 4) onblur: 포커스를 잃을 때 이벤트 처리기 5) onmousedown: 마우스 버튼을 눌렀을 때 이벤트 처리기 6) onmouseup : 마우스 버튼을 떼었을 때 이벤트 처리기 7) onmousemove : 마우스를 움직였을 때 발생하는 이벤트 8) onmouseout : 마우스를 요소(element)밖으로 움직였을 때 이벤트 처리기 9) onmouseover : 마우스를 요소(element)위로 움직였을 때 이벤.. 09_객체지향개념 09_객체지향개념객체 : 데이터와 메소드들로 구성객체의 멤버 접근 방법1) 객체의 메소드 호출 방법 :객체이름.메소드이름()2) 객체의 프로퍼티 접근 방법 : 객체이름.프로퍼티이름클래스 프로퍼티 : 해당 클래스에 속하는 모든 객체가 공유하는 값인스턴스 프로퍼티 : 객체마다 별도의 저장 공간을 가지며, 객체마다 다른 값을 저장할 수 있음실습예제예제 09-1.html배열 객체와 document 객체의 프로퍼티와 메소드를 사용하는 예제입니다. var data = [10, 20, 30]; // 자바스크립트에서 배열은 자동으로 객체가 됨 var length = data.length; // 모든 배열객체는 length 라는 인스턴스 프로퍼티가 있음 document.write(length); // 자바스크립트 인터프.. 08_함수(2) 08_함수(2)내장함수1) alert 함수 : 매개인자로 받은 데이터를 경고창에서 보여줍니다.2) document.write 함수 : 매개인자로 받은 데이터를 웹 브라우저에 출력합니다.3) confirm 함수 : 매개인자로 받은 데이터를 confirm 창에서 보여주고, 사용자가 ‘확인’ 버튼을 클릭하면 true를, ‘취소’ 버튼을 클릭하면 false를 반환합니다.4) prompt 함수 : 매개인자로 받은 데이터를 prompt 차에서 보여주고, text box에서 사용자 입력을 받습니다. 사용자가 입력한 값을 반환합니다.전역변수와 지역변수1) 전역 변수는 모든 함수에서 공유하는 변수입니다.2) 지역 변수는 함수 내에서 선언된 변수로 함수 안에서만 사용할 수 있습니다.실습예제예제 08-1.htmlconfir.. 07_함수(1) 07_함수(1)함수 정의1)var 함수이름 = function() { //코드 } 2)function 함수이름() { //코드 } 매개인자 함수 정의함수이름() 괄호 안에 매개 인자 개수만큼 매개 변수를 씁니다.function 함수이름(매개변수1, 매개변수2) { //코드 } 반환 값이 있는 함수 정의function 함수이름(매개변수1, 매개변수2) { //코드 return 반환값; } 함수 호출1) 무인자 함수 호출함수이름(); 2) 매개인자가 있는 함수 호출함수이름(매개인자1, 매개인자2); 3) 매개인자와 반환 값이 있는 함수 호출var result = 함수이름(매개인자1, 매개인자2);실습예제예제 07-1.html매개인자로 배열을 받아 배열의 원소를 모두 출력해주는 함수 예제입니다. functio.. 06_배열 06_배열배열이 필요한 경우많은 양의 데이터를 하나의 변수에 저장하여 비슷한 방법으로 처리할 경우 배열을 사용.1차원 배열1) 배열 변수 선언① 배열 크기를 결정하는 배열 변수 선언예) var myArray = new Array(10); //원하는 크기의 숫자를 괄호 안에 넣음② 배열 크기를 동적으로 변하게 하는 배열 변수 선언예) var myArray = new Array(); 2) 배열 변수 선언과 함께 초기화예) var myArray = [ “값1”, “값2“, “값3“, “값4“, “값5“ ] ;// 값은 문자열인 경우 큰 따옴표(“”)를 사용하고,// 숫자(number)나 불린(Boolean)경우는 아래와 같이 그대로 사용함예) var myArray = [ 0,1,2,ture ] ; 3) 배열의.. 이전 1 2 다음
