AngularJS는 라우팅 기능(Route)을 제공하여 접속된 url에 해당하는 페이지 소스를 보여줄 수 있습니다. 이때 적용된 코드에서 아래와 같은 코드를 쉽게 만날 수 있습니다.angular.module().config(function($locationProvider) { $locationProvider.html5Mode(true); ...});위 코드의 html5Mode()의 역할은 무엇이고 어떤 기능을 하는지 알아봅니다.# locationProvider.html5Mode() 사용하는 이유html5Mode()의 값을 true로 설정하는 경우 html5의 history API를 참조하여 url관련 기능을 사용할 수 있게합니다. 여기서 내부적으로 pushstate()를 사용할 수 있게하죠. 즉...ht
Last Modified : 2018-01-16 06:36:02angularjs의 ngRoute를 사용하면 싱글페이지 앱(SPA) 어플리케이션의 페이지 이동을 구현하기 쉽도록 도와줍니다. 해당하는 앱에서 ngRouter 모듈을 추가한 뒤 config 객체에 $routeProvider를 설정합니다. 그럼 아래를 봐주세요.# $RouteProvider 예제보기이 예제는 간단한 링크를 생성하고 해당하는 링크를 클릭할 경우 정해진 template을 호출하는 간단한 예제입니다.<div> <h1>예제를 클릭하세요.</h1> <a href="#/example01">Example 01</a> <a href="#/example02">Example 02</a> </div> <div ng-view></div> <script>var app = angular.
Last Modified : 2017-11-16 07:45:37VueJS에서 컴포넌트 사이의 데이터를 전달하는 방법중 하나인 Provide / Inject 방법에 대하여 알아봅니다.# VueJS Provide와 Inject 사용하기VueJS에는 다양한 성격의 데이터들이 존재하는데요 ~ 이 데이터들을 각각의 컴포넌트 사이에 주고 받기 위한 방법으로 props를 사용하는 방법이 대표적입니다. 예를들어 name prop에 "abc" 값을 전달하기 위해서 아래처럼 사용합니다.<ParentComponent> <ChildComponent :name="siteName" /></ParentComponent>하지만 컴포넌트 사이의 단계가 복잡해질수록 하위의 하위의 또 다른 하위 컴포넌트까지 전달하려면 계속해서 props를 반복 선언해야한다는 큰 불편함이 존재합니다.<ParentCom
Last Modified : 2021-05-07 17:49:20