만약 여러개의 less 파일을 하나로 만드려면(compile) 어떻게 해야할까요? 아래의 방법으로 가능합니다.# 여러개의 less 파일 하나의 stylesheet로 변경하기일단 lessc을 사용하여 css를 만들기 위해 다음의 less 파일이 존재하는 예제입니다.test1.lesstest2.lesstest3.less위의 less 파일은 각각의 css를 가지고 있습니다. 이를 하나로 compile하여 test.css로 만드는 경우 아래의 방법을 따라야 합니다.하나의 compile 목적의 less파일을 생성(예를들어 test.less를 만듦)만들어진 test.less에 각각의 less파일을 @import함test.less파일을 test.css로 compile 실시위 과정에서 각각의 less파일을 @import하
Last Modified : 2017-12-07 16:00:30AngularJS에서 자바스크립트를 사용하여 ng-click 또는 관련 디렉티브를 태그 요소인 DOM에 직접 추가하였을 경우 이벤트가 동작하지 않습니다. 어떻게 해야할까요?# $compile을 사용하기$compile 서비스를 사용하면 ng-click 등의 추가된 이벤트에 바인딩하는 것이 가능합니다. 아래와 같이 $compile을 수행합니다.var element = $('<button ng-click="close();">Close</button>');document.body.appendChild(element[0]);$compile(element)($scope);위 예제소스는 ng-$compile 수행 후 ng-click 이벤트가 정상적으로 동작하는 것을 보여줍니다.
Last Modified : 2017-08-11 01:43:05AngularJS 사용시 compile 되지 않아야 할 부분이 있을때 아래 디렉티브를 선언하여 가능합니다. ngNonBindable 예를들어 아래 코드의 {{ test }} 표현식이 존재할 경우 이를 prevent하여 코드 그대로 표현 할 수 있습니다. 이때 컴파일 되지 않고 바로 보여주게됩니다.<div ngNonBindable> {{ Text should be shown ! }}</div>만약 위 디렉티브 ngNonBindable이 없다면 당연히 해당하는 값을 angularjs에서 찾고 없으면 에러를 표현하게 됩니다.
Last Modified : 2017-08-11 01:40:33타입스크립트(typescript)를 사용하는 웹어플리케이션이 많아지고 있습니다. 그 만큼 장점이 많기 때문이죠. 그런데 타입스크립트를 사용하면 개발 로컬 환경에서 추가적인 컴파일(트랜스파일) 시간이 길어지게 됩니다. 아래는 이에 대한 해결방법을 알아보려고 합니다.! 타입스크립트를 사용하면 왜 늦을까타입스크립트 역시 컴파일 과정을 통해 설정된 es5, esnext 등의 버전으로 변환되는 과정을 거치게 됩니다. react 등의 프론트엔드 환경에서는 웹팩(Webpack) 등의 번들링 과정을 거치게 될 것이고 이때 타입스크립트의 컴파일 역시 함께 수행되므로 로딩 시간은 더 걸리게 됩니다.가장 큰 문제는 시간이 생각보다 꽤 걸린다는 점입니다. 이는 프로젝트의 규모가 커질수록 더더욱 큰 이슈로 나타날 수 있습니다. 사
Last Modified : 2020-07-13 19:56:40