머리가 나뻐서 삽질 SAP(Study And Programming)

어떤 엘리먼트를 사용해서 웹을 만들어야 하나 HTML5가 2014년 10월 28일 표준안이 확정되고 나서 HTML4 와도 많은 차이점을 보였는데 시멘틱웹을 만들기위해서 개념적으로 분리된 좋은(유용한) 엘리먼트들이 많고 그 개수는 150여개에 다달하지만, 문득 궁금해진게 실제 웹페이지에서 HTML 엘리먼트 태그는 어떠한 것들이 제일 많이 사용되고있을까?.. 평균 25개 구글에서 리서치한 결과 실제로 웹페이지에서는 평균 25개의 태그로 구성된 페이지가 많았다. 자주 사용하는 태그개수가 실제로는 많지 않다라는 뜻인데 아래의 표를 보면, 개인적으로는 이 의외이긴 하지만 결과자료에 본인도 이견이 없다. 조금더 구체적인 자료(설명)은 아래를 참조하도록 하고 https://www.advancedwebranking.c..

new 연산자를 피하라 Use {} instead of new Object()Use "" instead of new String()Use 0 instead of new Number()Use false instead of new Boolean()Use [] instead of new Array()Use /()/ instead of new RegExp()Use function (){} instead of new Function() var x1 = {}; // new objectvar x2 = ""; // new primitive stringvar x3 = 0; // new primitive numbervar x4 = false; // new primitive booleanvar x5 = []; // new ..

미국 실리콘벨리의 프로그래밍 현황 미국 IT 인력 서비스 업체인 리비에라 파트너스(Riviera Partners)가 소프트웨어 엔지니어를 대상으로 샌프란시스코베이 지역 유망 기업의 월급 등을 조사한 내용이다. 글을 소개하는 내용은 다음과 같다. " 새로운 기술을 모색하고 있는 엔지니어에게 좋은(흥미로운) 데이터가 되기를 바라며 2014년 7월 ~ 2015년 6월까지 12개월동안 엔지니어링 시장에서 유의미한 동향을 관찰하고 가장 높은 지불 기술과 역할및 보너스 빈도등을 infographic 으로 표현하였다. " 업무에 따른 월급 차이 : 주니어는 역할구분 없이 10만 5,000 달러 가량 ( 약 1억 1천 7백만원 ) 이고 수석 엔지니어급이 되면 모든 업무에 있어서 월등한 차이를 보이게 되는데 특히 모바일..

2017.07 자바스크립트 프레임워크 트렌드차트 1. Reactjs가 확실히 Hot하긴 한가보다. 엄밀히 말하면 프레임워크가 아니라 Library라고 소개하고 있기는 하다. 2015년 1월부터 AngularJS가 폭락하고 ReactJS가 폭등 했음을 알 수 있다. 2. 하지만 역시 jquery 와 비교하면 이건뭐....넘사벽인 백분율을 자랑한다. 그러나 제이쿼리역시 계속해서 하향곡선을 그리고는 있는데 개인적으로 아래와 같이 분석하고있다. jquery의 경우 지속적인 학습을 통해 그동한 상당한 양의 지식이 축적되었고 특히 반복적인 사용패턴이 정해져 있어서 관심이 떨어질 뿐 제이쿼리의 셀렉터-는 생산성 측면에서 매우 압도적이므로 트렌드관점에서 퇴보된다기보다 기존학습했던 시간비용이 점점 줄어들고 있어서 검색률..

[ GRUNT ] Grunt 란 : task 단위의 command line 을 통해 동작하는 자바스크립트용 빌드 툴 ( 더 자세히 알기 클릭 ) 이 글에서 사용할 Grunt 기능 : js, css 파편화를 모두 합치고(concat), 간결화하며(uglify), 압축한다(minifying) Grunt 로 얻을수 있는 잇점 : compile build된 결과물처럼 파일을 얻을수 있기때문에 웹 패키지 배포를 자동화 툴을 사용하여 손쉽게 구축할 수 있다. Grunt 를 설치하기 전에 준비해야할 폴더및 파일 Grunt를 실제 실행해 보기위한 샘플 코드가 필요한데 본인의 경우 D 드라이브 바로 아래에 GRUNT 라는 폴더를 만들고 아래와 같이 폴더를 구성하였다 D:\>GRUNT 참고로 아래에있는 예제 소스작성 혹은..

2017. 05. 18 작성 [ 아톰사용자를 위한 ] SASS 설치와 사용법 SASS 를 사용하기 위해서 node.js 나 플러그인 설치까지는 많은 글들이 있는데 정작 사용하는 방법에 대해서는 나오지 않아서 ATOM ~ node.js ~ sass-autocompile 까지 설치한뒤 사용하여 동작하는 부분을 작성하였다. 주의!!. 글을 읽기전에 아래 3가지 조건에 모두 부합해야 포스팅된 내용처럼 활용할 수 있습니다. OS : Windows Editor : ATOM CSS pre processor : SASS ( SCSS ) 1. ATOM 설치 https://atom.io/ 2. node.js 설치 잠깐!. node.js가 pc에 설치되어있는지 확인하는 가장 빠른 방법은 ㄱ. 명령프롬프트(관리자권한) 를 띄..

rgb를 16진수로 12345678910111213141516171819202122232425(by Matt) function rgb2hex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);} * 일부 브라우저에서는 이미 16 진수 색상이 반환된다. (예를들어 Internet Explorer 8 이상). 그런 경우에 대처할 필요가있는 경우 함수에 조건을 추가하면된다 (by gfrobenius) function rgb2hex(rg..

javascript로 만든 원의 자취 함수 원을 이용하여 애니메이션과 렌더링 작업에 사용했던 함수. Result를 클릭하면 결과를 볼 수 있다. script source) 아래 함수는 원안에 10개의 아이콘을 라디안으로 그리며 배치할때 사용하였다 script source) /* -------------------------------------------------------- * circle, display -----------------------------------------------------------*/ function circle($w_rad, $h_rad, $radian) { var temp_x = $w_rad * Math.cos($radian); var temp_y = $h_rad *..

차트 데이터를 사용하기 위해서 클라이언트에서 데이터를 생성합니다. In order to use graph data, we generate data from the client. source : MakeChartDate ver 2017.02.22 Description: 차트데이터를 생성합니다. Query String Input Name Value (기본값) parameter comment format : String YYYY-MM-DD HH:mm:ss 리턴받을 날짜 형식을 지정합니다. 기본값은 YYYY-MM-DD HH:mm:ss 이며, 날짜설정 옵션은 문서하단의 Format 항목을 참조하세요. categoryField : String category 카테고리(대상) 필드명을 설정합니다. 기본값은 categ..

sendRequest-ajax.js 라이브러리 update : 2017. 01. 18 auth : 허정진 serpiko@primarynet.co.kr / serpiko@hanmail.net 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331..