'분류 전체보기' 카테고리의 글 목록 (29 Page)

[GMP] We are very concerned with Jake's state of mind right now

English/GMP.2017 2017. 3. 6. 08:52

Screen English

Mom : Dr.Golan, We are very concerned with

Jake's state of mind right now

There's no way I'm putting my life on hold

to take you to Wales

Jake : Dad could take me

Mom : 골란 선생님,

우린 제이크의 현재 정신 상태가 정말 걱정이 돼요

내 생활을 다접고 널 웨일스로 데려다 줄 순 없잖니

Jake : 아빠가 데려다 주시며 되잖아요

우린 제이크의 상태가 걱정이야

- We're worried about Jake's frame of mind

- We fear for Jake's morale

MVP English

Compete : 경쟁하다

Practice 1

A: Eight chosen players are competing in this event

(선발된 선수 여덟 명이 이 종목에서 경쟁한다)

Practice 2

A: I want to know to effectively compete in a tough job market

(나는 녹록지 않은 인력 시장에서 효과적으로 경쟁하는 방법을 알고 싶다)

Practice 3

A: Chinese car-markers import design talent to compete globally

(중국의 자동차 제소자들은 세계적으로 경쟁하기 위해 디자인 분야의 인재들을 외국에서영입한다)

'English > GMP.2017' 카테고리의 다른 글

[GMP] There are very few things I can't expain (0)	2017.03.08
[GMP] He would have told me you were coming (0)	2017.03.07
[GMP] I would never lie to me (0)	2017.03.03
[GMP] Is there anything you'd like to add (0)	2017.03.02
[GMP] These pilots were not behaving like human beings (0)	2017.02.24

리딩리드

,

[ionic2] ionic2+firebase 연동하기- typings를 이용

Tools/ionic2 2017. 3. 5. 22:20

ionic2+firebase 연동하기- typings를 이용

1. 설치방법

1) 파이어베이스 설치

- $ npm install firebase --save

- 자신의 프로젝트 경로에 설치한다

2) typings 설치

- $ npm install -g typings

3) ionic 의 firebase 의존관계 설정

- $ typings install --save firebase

'Tools > ionic2' 카테고리의 다른 글

[Ionic2] 아이오닉2(ionic2) 디렉토리 구성 - Project Structure (0)	2017.02.15
[Ionic2] 아이오닉2(ionic2) 설치하기 - Installing ionic2 (0)	2017.02.15
[Ionic2] 아이오닉2(ionic2) 란? (0)	2017.02.15

리딩리드

,

[Angularjs2] AngularJs2 컴포넌트 구조

Front-End/AngularJs2 2017. 3. 5. 17:45

AngularJs2 컴포넌트 구조

1. AngularJs2 컴포넌트

- AngularJs2 컴포넌트는 일반 웹 컴포넌트 기반 기술이다

1) 중첩 컴포넌트

- AngularJs2의 컴포넌트는 하나의 독립 적인 프로그램이지만 부모-자식 컴포넌트 구조로 계층 적인 구성을 가진다

2) 컴포넌트 기반 개발

- 컴포넌트를 개발의 중심에 두고 개발하는 것을 의미한다

- 컴포넌트는 명세에 따른 배포, 조립 가능한 독립 구성 단위여야 한다

3) 컴포넌트 내부

- import 영역

- @Component 장식자

- 컴포넌트 클래스 영역

2. import 영역

- 호출 영역에서 Angular 라이브러리 모듈을 호출하거나 사용자 모듈을 호출

1) Angular 라이브러리 모듈 호출

import { Component} from '@angular/core';

- Angular 라이브 모듈을 @를 붙이는데 다른 모듈과 구분하기 위해서다

2) 사용자 모듈 호출

import { LoggerService } from './logger.service';

3. 장식자 영역

- @Component는 컴포넌트 장식자라고 한다

- 컴포넌트 관련 설정정보를 입력

@Component({ selector : 'intro-component', template : '<div>App Hello</div>' style : ['div{ background: blue;}'] }) export class AppHello{ }

1) selector

- 컴포넌트 이름을 정의

- 컴포넌트 이름은 템플릿을 나타낼 떄 사용한다

<intro-component></intro-component>

2) 템플릿 속성

- 템플릿 속성에는 컴포넌트 UI 코드를 정의한다

a. template : 내부 파일에 HTML 과 템플릿 문법을 이용해서 템플릿정의

b. templateUrl : 외부 파일에 HTML 과 템플릿 문법을 이용해 정의

4. 컴포넌트 클래스 영역

- 템플릿 데이터 출력과 관련된 로직을 처리

'Front-End > AngularJs2' 카테고리의 다른 글

[Angularjs2] 앵귤러2 HelloWorld Service - 서비스 사용하기 (0)	2017.09.17
[Angularjs2] 앵귤러2 컴포넌트 사이 값 전달(@Input 장식자, inputs속성) (0)	2017.09.10
[AngularJs2] 웹 컴포넌트 (0)	2017.03.05
[AngularJs2] AngularJs2 ng 명령어 활용 (0)	2017.03.05
[AngularJs2] Angular CLI 설치 및 프로젝트 만들기 (0)	2017.03.05

리딩리드

,

[AngularJs2] 웹 컴포넌트

Front-End/AngularJs2 2017. 3. 5. 16:08

웹 컴포넌트

1. 정의

- HTML, CSS, 자바스크립트를 하나의 단위로 묶어 주는 기술

- 위의 여러 기술을 합해져 하나의 웹 컴포넌트를 구성한다

- 웹 컴포넌트를 이용하려면 보완 라이브러리를 이용해야 한다(웹컴포넌트js,폴리머)

1) 기술 요소

- HTML 템플릿

- 템플릿 호출

- 쉐도우 DOM

- 커스텀 엘리먼트

2. HTML 템플릿

- 컴포넌트의 UI를 표현하는 영역

- 웹 페이지의 일부분으로 동작, 재사용이 가능하다

<template id="nav-item-template"> <div class="nav> <div class="item">main</div> <div class="item">service</div> </div> </template>

3. 템플릿 호출

- 정의한 템플릿을 외부에서 호출한다

- 문서 상단에 링크 엘리먼트를 이용해 호출한다

<head> <link rel="import" href="template.html"> </head>

1) 템플릿 실제 사용

- 스크립트 엘리먼트 안에 template.html 내용을 불러와 쿼리 선택자를 이용해 템플릿 노드를 현재 문서 DOM노드 밑으로 붙임

4. 쉐도우 DOM

- DOM에 엘리먼트에 대한 정의나 스타일과 같은 각종 정보가 저장된다

- 웹 페이지는 기본적으로 DOM을 가진다

A. 문서 DOM

- 현재 페이지에 대한 DOM

B. 쉐도우 DOM

- 웹 페이지가 실행되는 도중 가상으로 생성되는 DOM

- 문서 DOM 외부에 존재하기 때문에 문서 DOM에 정의한 스타일이나 이벤트가 적용되지 않고 캡슐화 된다

1) 쉐도우 DOM 호출

- 쉐도우 DOM은 쉐도우 경계가 있으며 쉐도우 호스트를 통해 호출된다.

- 현재 문서에 쉐도우 DOM을 포함할 때는 쉐도우 루트를 호출함

5. 커스텀 엘리먼트

- 이름을 임의로 정의해서 만든 엘리먼트

- 커스텀 엘리먼트는 빈 엘리먼트가 아닌 기능과 모양이 합쳐진 화면 구성 요소이다

<hello-button></hello-button>

<!doctype html> <head> <meta charset="utf-8"> <script> var proto = Object.create(HTMLElement.prototype); proto.createdCallback = function() { var shadow = this.createShadowRoot(); var button = document.createElement('button'); button.className = 'btn'; button.innerHTML = "Hello 버튼"; button.style.fontStyle = "20px"; shadow.appendChild(button); button.addEventListener('click', function(e) { alert("클릭했습니다"); }); }; document.registerElement('hello-button', { prototype: proto }); </script> <style> .btn{font-size:50px;} </style> </head> <hello-button></hello-button>

'Front-End > AngularJs2' 카테고리의 다른 글

[Angularjs2] 앵귤러2 컴포넌트 사이 값 전달(@Input 장식자, inputs속성) (0)	2017.09.10
[Angularjs2] AngularJs2 컴포넌트 구조 (0)	2017.03.05
[AngularJs2] AngularJs2 ng 명령어 활용 (0)	2017.03.05
[AngularJs2] Angular CLI 설치 및 프로젝트 만들기 (0)	2017.03.05
[AngularJs2] AngularJs2 설치 (0)	2017.02.16

리딩리드

,

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

'WEB-INF'에 해당되는 글 916건

[GMP] We are very concerned with Jake's state of mind right now

'English > GMP.2017' 카테고리의 다른 글

[ionic2] ionic2+firebase 연동하기- typings를 이용

'Tools > ionic2' 카테고리의 다른 글

[Angularjs2] AngularJs2 컴포넌트 구조

'Front-End > AngularJs2' 카테고리의 다른 글

[AngularJs2] 웹 컴포넌트

'Front-End > AngularJs2' 카테고리의 다른 글

공지사항

카테고리

태그목록

글 보관함

달력

링크

리딩리드

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바