[javascript] Vue.js 응용 프로그램 디버깅을위한 Chrome devtools 확장 프로그램.

GitHub :  https://github.com/vuejs/vue-devtools

크롬브라우저에서 확장프로그램 들어간 다음 "vue.js" 로 검색하면 나옴. 설치!

vue-devtools

Important Usage Notes

1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.

2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.

Works with vuex for time-travel debugging:

Installation

• Get the Chrome Extension

• Get the Firefox Addon

• Workaround for Safari

Manual Installation

Make sure you are using Node 6+ and NPM 3+

1. Clone this repo
2. npm install (Or yarn install if you are using yarn as the package manager)
3. npm run build
4. Open Chrome extension page
5. Check "developer mode"
6. Click "load unpacked extension", and choose shells/chrome.

Hacking

1. Clone this repo
2. npm install
3. npm run dev
4. A plain shell with a test app will be available at localhost:8080.

Testing as Firefox addon

1. Install web-ext

   $ npm install --global web-ext
   

   Or, for Yarn:

   $ yarn global add web-ext
   

   Also, make sure PATH is set up. Something like this in ~/.bash_profile:

   $ PATH=$PATH:$(yarn global bin)
   

2. Build and run in Firefox

   $ npm run build
   $ npm run run:firefox
   

   When using Yarn, just replace npm with yarn.

...

[javascript] Vue.js 컴포넌트 

https://kr.vuejs.org/v2/guide/components.html

...

[javascript] Vue.js Validation

https://kr.vuejs.org/v2/guide/components.html

...

[Web] DevTools의 새로운 기능 (Chrome 60)

https://developers.google.com/web/updates/2017/05/devtools-release-notes

• A new Audits panel, including tests for progressive web apps, performance, accessibility, and best practices.
• Third-party badges. Find out which third-parties are making network requests, logging to the Console, and executing JavaScript.
• Continue To Here. A new gesture that can speed up your JavaScript debugging workflow.
• Predictable debugging for asynchronous JavaScript.
• Object previews in the Console.
• Real-time updates in the Coverage tab.
• A new menu for selecting contexts in the Console.
• Simpler network throttling options.
• Async stack traces on by default.

• 점진적인 웹 앱, 성능, 액세스 가능성 및 모범 사례에 대한 테스트를 비롯하여 새로운 감사 패널
• 타사 배지 . 어떤 제 3자가 네트워크 요청을하고, 콘솔에 로그인하고, JavaScript를 실행하는지 알아보십시오.
• 계속 여기로 . JavaScript 디버깅 워크 플로우의 속도를 높일 수있는 새로운 제스처입니다.
• 비동기 자바 스크립트를위한 예측 가능한 디버깅 .
• 콘솔의 객체 미리보기 .
• 게재 위치 탭의 실시간 업데이트 .
• 콘솔에서 컨텍스트를 선택하기위한 새로운 메뉴입니다 .
• 간단한 네트워크 조절 옵션 .
• 기본적으로 비동기 스택 추적이 설정 됩니다.

...

히메지성 혼잡도 상황확인 :  

http://www.himejicastle.jp/kr/

히메지 라이브캠 :   

http://www.himejicastle.jp/player/

히메지시 관광사이트 : 

https://www.himeji-kanko.jp/ha/

히메지에 오시면 우선은 여기! 
-히메지 관광 인기 코스

페이스북이 만든 첫 HW, 코드명 ‘알로하’

페이스북이 야심차게 준비하고 있는 하드웨어(HW) 프로젝트 윤곽이 드러났다. <비즈니스인사이더>는 8월23일(현지시간) 페이스북이 사내 R&D 연구 팀 ‘빌딩8’을 중심으로 가정용 화상채팅 기기 ‘알로하’ 개발을 진행 중이라고 밝혔다. 페이스북이 만드는 첫 HW 기기다.

알로하는 최근 아마존이 발표한 화상채팅용 스마트 스피커 ‘에코 쇼’와 유사한 형태를 띄고 있다. 알로하는 13, 15인치에 이르는 대형 터치스크린, 광각 카메라, 마이크, 그리고 스피커로 구성된다. 이를 통해 사람 얼굴을 인식할 수 있으며, 화상 대화를 나누거나 커뮤니케이션을 이어갈 수 있다.

알로하는 2018년 5월 출시를 목표로 현재 프로토타입 테스트를 하고 있는 것으로 알려졌다. 페이스북은 알로하를 499달러에 판매할 예정라고 밝혔으나, 최종 가격은 결정되지 않았다.

페이스북은 이번 알로하 프로젝트를 앤드류 보즈워스가 총괄한다고 발표했다. 페이스북 임원인 앤드류 보즈워스는 빌딩8과 오큘러스, VR 사업부를 지휘한다. 보즈워스는 페이스북의 오랜 중역으로 광고 및 비즈니스 플랫폼 담당 부사장을 역임한 바 있다. 보즈워스는 앞으로 여러 하드웨어 팀과 기술 팀, 그리고 페이스북의 가치관을 통합하는데 집중할 예정이다.

페이스북 대변인은 “이번 알로하 프로젝트로 가상 현실, 증강현실 및 소비자 HW에 대해 장기적 투자를 할 수 있어 매우 흥미롭다”라며 “우리는 이 신기술을 바탕으로 전세계를 더욱 가깝게 만들 수 있다고 믿는다”라고 밝혔다.

...

Vue.js 시작하기 예제

호출하기 

<script src="https://unpkg.com/vue/dist/vue.js"></script>

https://jsbin.com/fivomus/22/edit?html,js,output

...

언어로 탄생한 우리가 

'말'에 기댈 수밖에 없는 건 

어쩔 수 없는 일이 아닐까 싶다. 

'너 자체로 사랑한다'는 다정한 말,

'애썼다. 수고했다'는 어루만짐의 말에 

갈증을 느끼는 건 당연한 일이 아닐까. 

귀에 스며들어 나를 삶 쪽으로, 

빛 쪽으로 이끌던 말들은 

단순하고 소박했다. 

- 정희재의《어쩌면 내가 가장 듣고 싶었던 말》중에서 - 

* 한 마디 말에

울기도 하고 웃기도 합니다.

철퍼덕 주저앉기도 하고 벌떡 일어서기도 합니다.

사랑과 위로의 말 한 마디가 사람을 살립니다.

어루만지는 말, 빛이 되는 말이

세상을 살립니다.