"클라우드·AI 전문가 전면 배치"··· 8년 만의 IBM 수장 교체 의미 - ITWorld Korea IBM이 클라우드 사업에 얼마나 사활을 걸고 있는지 아직도 의문을 가진 사람들에게 '확실한' 대답을 내놓았다. 오랫동안 IBM CEO를 맡아 온 버지니아 로메티 대신 현재 클라우드와 코그니티브 소프트웨어 부서를 이끄는 아르빈드 크리쉬나와 레드햇 CEO 짐 화이트허스트를 각각 CEO와 사장으로 임명한 것이다.올해로 57세인 크리쉬나는 IBM이 지난해 340억 달러에 인수한 레드햇의 수석 아키텍트이자 현재는 IBM의 클라우드와 코그니티브 소프트웨어 www.itworld.co.kr 한줄 요약 IBM이 지난해 레드햇을 인수하여 몸집이 더 커졌다고 한다. 거대 오픈소스, 엔터프라이즈 소프트웨어 업체는 물론이고 ..

이 전까지는 Vue 템플릿에 대해서 설명을 하였다. "Vue Data를 화면에 매핑한다. 연결한다. 바인딩한다."라고 표현했었다. (Vue Data가 있는 공간 : 자바 스크립트가 존재하는 공간을 의미) 앞으로는 어떻게 Data가 화면에 매핑되는지 그 방법에 대해 설명하려한다. Vue 데이터를 바인딩하는 방법은 아래와 같이 3가지 방법이 존재한다. 1. Interpolation 2. Binding Expressions 3. Directives 해당 방법에 대해서는 각 3번에 걸처 설명할 예정이다.

Filter란? 화면에 표시되는 텍스트의 형식을 편하게 바꿀 수 있도록 고안된 기능 | 를 이용하여 여러개의 필터를 적용할 수 있음 Example {{ message | capitalize }} new Vue({ // ... filters: { capitalize: function (value) { if(!value) return ' ' value = value.toString() regurn value.charAt(0).toUpperCase() + value.slice(1) } } }) capitalize 에 정의된 함수가 위 코드에 나타나게 됨.

Directives란? "v-" 접두사를 붙인 Attributes 주로 javascript 표현식으로 값을 나타내는 것이 일반적!! Example) Now you see me //true이면 전체가 보이고, false이면 전체가 보이지 않음 // : 뒤에 선언한 href 인자를 받아 url 값이랑 매핑 // 해당 a 테그의 클릭 이벤트를 감지하여 메소드("doSomething") 실행 이 밖에도 주로 쓰는 Directives는 아래와 같다. Directives 역할 v-if 지정한 뷰 데이터 값의 true, false 여부에 따라 HTML 태그 표시를 표시하거나, 표시하지 않을 수 있음 v-for 지정한 뷰 데이터의 개수만큼 반복하여 HTML 태그를 출력함 v-show v-if 처럼 HTML 태그를 화면..

뷰의 템플릿에서도 자바스크립트 표현식을 사용할 수 있다고 한다. 어떻게 쓸 수 있을까???? {{ }} 데이터 바인딩 방법 중 하나인 {{ }} 안에 자바스크립트를 표현식으로 넣으면 된다고 한다. 따라서 우리는 아래 코드처럼 사용할 수 있다. {{ message }} -------------------------------------> ( O ) {{ message + "!!!!" }} -----------------------------> ( O ) {{ message.split( ' ' ).reverse( ).join( ' ' ) }} ------> ( O ) 복잡한 연산. 허용은 되지만 but. 지양.... {{ if (ok) { return message } }} ---------------- -..

v-bind란? v-bind는 아이디, 클래서, 스타일등의 HTML 속성 값에 뷰 데이터 값을 연결할 때 사용하는 방식 사용하는 이유 : 위처럼 인스턴스 안에 data를 정의했고, 그 안에 속성들을 정의했을 경우 해당 값을 화면에 mapping 시키기 위함!