프론트엔드4 Angular 튜토리얼 1 Github Angular 그냥 시작해보기1 따로 프로젝트를 생성할 필요없에 웹에서 시작해보기 (StackBlitz에 새로운 프로젝트를 생성하려면 여기를 클릭하세요.) StackBlitz에서 생성된 프로젝트 첫 화면 템플릿 문법 Angular 템플릿 문법을 사용하면 HTML과 JavaScript을 확장할 수 있습니다. 이번 섹션에서는 "Products" 영역을 어떻게 확장할 수 있는지 알아봅시다. (템플릿 문법에만 집중하기 위해 아래 예제에서는 product-list.component.ts 파일에 미리 정의된 제품 데이터와 메소드를 사용합니다.) 1. product-list 폴더에 있는 product-list.component.html 템플릿 파일을 엽니다. 2. 제품의 이름을 표시할 수 있도록 템플릿을.. 2020. 2. 18. Angular 요약 소개 Angular Angular는 SPA(Single Page Application) 개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. 웹 애플리케이션은 물론 모바일 웹, 네이티브 모바일과 데스크탑 애플리케이션까지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있다. 정적 타입을 제공하는 TypeScript를 주력 언어로 채택하여 대규모 애플리케이션 개발에 보다 적합한 환경을 제공한다. [AngularJS는 구글에서 운용, 유지 중인 JavaScript 웹 프레임워크이다. React, Vue.js와 함께 프론트엔드 삼대장으로 불린다. 버전 1~2 동안 jQuery 급으로 빠른 속도로 쓰이기 시작했다. 현재는 버전 7까지 등장하였으며 Node.js 등의 npm 설치를 지원한다. 버전 1.x를 Angu.. 2020. 1. 8. javascript 자료형 자료형이란?변수에 저장할 수 있는 값의 종류를 자료형이라고 한다.자료형의 종류number Type: 숫자var a=100, b=3.14; string Type: 문자열var c="안녕하세요", d="a"; boolean Type: 맞다/틀리다를 표현var e = true, f = false; typeof() 명령어typeof 뒤에 따라오는 괄호 안에 들어있는 변수의 type을 알려주는 명령어var a=100; console.log(a,typeof(a)); //100 "number"라고 출력 var c="안녕하세요"; console.log(a,typeof(a)); //안녕하세요 "string"라고 출력 var e=true; console.log(e,typeof(e)); //true "boolean"라고 출.. 2016. 4. 20. javascript 변수 변수프로그램 실행 도중 임의의 값을 저장해 두고 읽을 수 있는 공간변수의 선언과 초기화선언 : 컴퓨터에게 변수를 사용할 것이라고 선언(알려주는) 역할초기화 : 선언한 변수에 처음으로 값을 저장하는 과정변수에 값을 저장하는 법 : 대입연산자 (=) 를 활용콤마(,)를 활용해 여러 변수를 동시에 선언, 초기화 가능var variable_name; variable_name = value; prompt() 명령어promprt 뒤에 따라오는 괄호 안에 들어있는 메세지를 사용자에게 보여주고, 문자열을 입력받는 명령변수에 값을 저장하는 구문과 함께 사용해서, 사용자가 입력한 값을 변수에 저장 가능var name=prompt("이름을 입력해 주세요"); 변수의 값 활용변수의 이름을 사용하면, 변수의 값을 읽어서 사용 .. 2016. 4. 20. 이전 1 다음
