프로그래밍에 있어 트렌드가 없는 것이 아닙니다. 프로그래밍 트랜드는 효율성 향상, 커스터마이징 증가 및 사용 편의성에 기인한다는 것입니다. 이 중 하나 이상을 제공하는 신기술은 이전 세대를 압도합니다. 


다음은 오늘날의 프로그래머들 사이에 HOT한 것과 그렇지 않은 것의 목록입니다. 물론 이 두가지는 언제든 바뀌거나 변화 할 수 있겠지요 ...


#1. Preprocessors / Full language stacks


Javascript => CoffeeScript

Java => Groovy


기존 언어 대비 축약 형태의 전처리 언어가 유행


#2. Docker / Hypervisors


개발자는 Docker 컨테이너를 활용하여 손쉽게 필요한 항목만을 배포 할 수 있게 되었습니다.


#3. JavaScript MV* frameworks /  JavaScript files


Kendo, Sencha, jQuery Mobile, AngularJS, Ember, Backbone, Meteor JS 등 

수십 가지 자바스크립트 프레임 워크를 활용하여 이벤트,컨텐츠를 손쉽게 처리할 수 있습니다.


#4. CSS frameworks / Generic Cascading Style Sheets


LASS, SASS, LESS 등과 같은 CSS 프레임 워크를 통해 변수, 중첩, 블록, 혼합 등의 기능을 활용하여 프로그래밍 구문 제공을 하여 손쉽게 작성 및 관리를 할 수 있게 도와줍니다.


#5. Video tags / Static tags


GIF, JPG와 같은 정적 이미지에서 VIDEO와 같은 동적 테그를 더 많이 선호하게 됨.


#6. Almost big data (analysis without Hadoop) / Big data (with Hadoop)


일반적으로 회사에서는 너무 큰 데이터는 분석이 어렵기 때문에 Hadoop 과 같이 고사양을 요구하는 빅데이터에서 일반적인 크기의 빅데이터로 변화하고 있다.


#7. Spark / Hadoop


스파크가 모든 것을 분산 파일 시스템에 쓰는 대신에 빠른 메모리에 데이터를 저장하는 방식이 가장 큰 방법 일 수 있습니다. 물론 많은 사람들이 Hadoop의 분산 파일 시스템에 저장된 데이터에 대해 Spark의 처리 속도를 사용하여 두 파일을 병합합니다.


#8. AI(Artificial intelligence), machine learning / Big Data


#9. Robotics / Virtual things


#10. Single-page web apps / Websites


#11. Mobile web apps / Native mobile apps


#12. Android / iOS


#13. GPU / CPU


#14. GitHub / Resumes 이력서


이력서 보다는 실제 결과물을 GitHub에 올리거나 기여한 것을 평가 과정에서 더욱 선호함


#15. Renting 대여 / Buying 구매


기존에서 서버를 구매한 것에서 Amazon에서 클라우드 서비스를 빌려 사용함


#16. Cloud complexity 복잡성 / Cloud simplicity 단순함


기존 클라우드 서비스는 단순하게 실행중인 시스템을 빌려주는 형태 였지만 이제는 시간당, 호출당, 서비스 이용 당 다양한 옵션을 제공하면서 이전대비 복잡하게 되었습니다.


#17. Data movement experts 데이터 이행 전문가 / Backup tapes 백업 테이프


#18. Audio / Websites


#19. Node.js / JavaEE, Ruby onRails


#20. PHP 7.0 / Old PHP


#21. Just-in-time education / Four years up front



출처 : http://www.javaworld.com/article/3189070/application-development/21-hot-programming-trends-and-21-going-cold.html


css 전처리기 sass 대 less 대 stylus  위 3개 중 당신의 선택은 ??


원문 링크 

https://code.tutsplus.com/tutorials/sass-vs-less-vs-stylus-preprocessor-shootout--net-24320


위 글을 읽어보면 사람 취향 타는 거 같은 느낌이다. 


문법 - 괄호를 써도 되고 안써도 되고 / 3개 거의 유사

변수 - @ $ 없거나 / prefix의 차이 정도

포함하기(Nesting) - 모두 동일, css와 비교하면 너무 좋은 기능임

가따쓰기(Mixins) - 한번 정의하여 사용한 것을 다른곳에 재사용하는 기능, sass는 어노테이션으로 지정, 나머지 둘은 그냥 쓰면 됨


그외 상속(Extends), 내포(Import), 연산자(Operator) 등이 존재 하는데 거의 다 비슷한 느낌이다.


그래서 결론은 ??

개발에 있어서 필수 사항은 아니지만 SASS, LESS, STYLUS 등의 전처리를 통해 많은 시간을 절약할 수 있다 합니다.

그리고 다양한 전처리기를 사용해보고 자신에게 맞는 것을 고르라고 하네요


전 개인적으로 less 사용중 훗...



아래 속성값을 활용하여 


아래와 같이 활용할 수 있다.


1
2
3
body {
    cursor : pointer;
}
cs


alias

all-scroll

auto

cell

context-menu

col-resize

copy

crosshair

default

e-resize

ew-resize

grab

grabbing

help

move

n-resize

ne-resize

nesw-resize

ns-resize

nw-resize

nwse-resize

no-drop

none

not-allowed

pointer

progress

row-resize

s-resize

se-resize

sw-resize

text

url(smiley.gif),url(myBall.cur),auto

vertical-text

w-resize

wait

zoom-in

zoom-out

initial


출처 : https://www.w3schools.com/cssref/pr_class_cursor.asp

CSS로

selector { cursor: none; }

예시

<div class="nocursor">
 <!-- some stuff -->
</div>
<style type="text/css">
    .nocursor { cursor:none; }
</style>

자바스크립트로 처리한 예제 (특정 DIV 구간에만 적용)

<div id="nocursor"><!-- some stuff --></div>
<script type="text/javascript">
    document.getElementById('nocursor').style.cursor = 'none';
</script>

BODY  전체에 적용한 예제

<script type="text/javascript">
    document.body.style.cursor = 'none';
</script>

참조, 마우스 감추기를 하면 타인에게 화를 불러들일 수 있음 !


출처 : http://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript



CSS type selectors are not supported in componets

컴포넌트에서 사용하지 않는 CSS 정의가 존재 할 때 발생하는 경고(Warning)로써 보고 싶지 않은 경우에는 컴파일 옵션에서 아래와 같이 추가 하면 됩니다.

-show-unused-type-selector-warnings=false


<?xml version="1.0" encoding="utf-8"?>

<TestCanvas2

xmlns="com.comp.*"

xmlns:mx="http://www.adobe.com/2006/mxml"

width="100%" height="100%">

       <mx:Style>

             Button{

             }

       </mx:Style>

       <mx:Button />

</TestCanvas2>


위 코드를 실행 시키려 하면...


css type selectors are not supported in components 이라는 문구를 볼 수 있다.


이는 기본제공 컴포넌트 하위 에서만 <mx:Style> 가 사용 가능하기 때문이다.

음... 기본적으로 제공하는 컴포넌트는 style 태그 사용이 가능하지만 기본 컴포넌트를 상속받거나 자체 제작한 컴포넌트 하위에서는 style 태그 사용이 불가능하네요 음... 이유는 아직 모름 ... 알면 누가 리플좀 -_-;
아마 style을 구현하기 위한 IStyle ? 같은것을 구현해야 되려나 쩝... 추측만 .. 후후


그러므로 내가 내린 결론은 CustomComponent 내부에서 스타일을 적용할 때에는 StyleManager를 통한 스타일(SWF) 로딩이 좋을거 같다.


Because in that case you don't have the Application  tag !




'기타 > Old' 카테고리의 다른 글

Legend 주저리 -_-;  (0) 2009.06.05
Flex Chart > LegendItem customize  (0) 2009.06.03
소니, 신형 슬라이드 ‘PSP go’ 공개  (0) 2009.06.01
Label 에 오버시 마우스 커서 손모양 만들기  (0) 2009.05.29
메뉴 컨트롤 하기  (0) 2009.05.29

+ Recent posts