'전체 글'에 해당되는 글 359건

오늘 2013년 경영설명회에서 사장님이 말씀하신 요점이란 생각이 듭니다. 끊임없이 일꺼리를 만들기 위해 노력했던 CEO로 기억되기를 바란다고 하셨는데요. 지금 불황기에 아주 힘든 목표가 아닌가 하는 생각도 됩니다.

전체적인 맥락을 살펴보면 일꺼리 창출은 사람들간의 관계 순환고리로 연결되어 있는 것 같습니다.

회사직원이 거래관계에 있는 회사 직원과의 관계에서 일처리 때문에 하나 둘씩 서운함이 쌓이게 되었는데요.

이 서운함이 미래에 부메랑이 되어서 일꺼리를 잃게 되는 경우가 있다고 합니다. ( 소탐대실! )

그래서 이런 경영환경에서 일꺼리를 만들려고 노력했던 자신이 한심해 지고 포기할 마음까지 들었다고 하네요.

눈이 오나, 비가 오나 이 모든것은 CEO의 책임이라는 무한책임에 대한 말씀을 하시면서 각오을 다시 다졌다고 합니다.

프로는 눈 앞의 걸리적거림을 치우는 게 아니라 전문지식을 활용해서 현재의 문제와 미래에 발생 가능한 문제까지 해결할수 있는 안목이 필요하며 또한 그 해결책을 끈기있게 추진할수 있는 근성을 갖추고 있어야 한다고 합니다.

이게 프로라고 하네요.

내수중심의 회사에서 글로벌화 하기 위해 나아가는 이시점에서 마음을 바꿀 필요가 있다고 합니다. 

시간과 공간이 다른 곳에서 일하는 비지니스관계에서 사람과 문화에 대한 배려가 있어야만이 국제적인 경쟁력을 갖출수 있다고 합니다.

Node 로 웹 어플리케이션을 구축하는 방법을 익힐려고 이것 저것 테스트해 보면서 공부하고 있는 중입니다.

Todo list를 웹페이지에 보여주면서 추가, 삭제, 수정이 가능한 예제를 따라하다가 이틀동안 문제에 봉착했습니다.

window 객체로 사용자가 지정한 객체에 접근이 안되는겁니다. 이유가 뭘까?

분명 내가 잘못설정을 했거나 뭘 빠트린것 같은데...?

시행착오을 거쳐서 정확한 정답은 찾지는 못했지만 웹 컨솔화면에서 LocalStorage 에 접근할수 있게는 되었습니다.

루트 인덱스 홈페이지에서는 해당 사용자 객체를 찾아 갈수 있는데 링크가 된 페이지에서는 접근이 왜 안되는지 그 이유는 아직 모르겠습니다.

index.jade => a href click => todolist.jade 를 볼려고 했는데 컨솔에서 접근이 안되네요.

바로 todolist.jade에 접근하면 되네요.

좀 더 테스트를 해볼 필요는 있을 것 같습니다.

기초 없이 맨땅에 헤딩할려고 하니 머리가 마니 아푸네요.

underscore 자바스크립트 모듈에서 제공하는 유틸함수들을 보면 인자로 context가 옵션으로 들어가 있는것을 볼수 있습니다.

_.each( list, iterator, [context] )

자바스크립트에서 함수를 호출할때 이 함수가 소속되어 있는 객체를 있어야 합니다.

즉 이 context 를 가리키는 숨겨진 this 을 취하고 있습니다.

_.whatever(myObj.someMethod, myObj)

html에 javascript 를 import시켜서 사용해야 합니다.

그런데 backbone.js 와 underscore.js 을 추가하여 실행해 보니 상기 그림과 같은 에러가 발생했습니다.

에러내용 : Uncaught TypeError: Cannot call method 'each' of undefined

에러원인은 backbone.js 와 underscore.js를 추가할때 순서가 중요합니다.

script( type="text/javascript", src="/javascripts/backbone-min.js")

script( type="text/javascript", src="/javascripts/underscore-min.js")

이렇게 추가하면 에러가 발생합니다.

script( type="text/javascript", src="/javascripts/underscore-min.js")

script( type="text/javascript", src="/javascripts/backbone-min.js")

와 같이 underscore.js 를 먼저 추가하고 backbone.js 을 나중에 추가해야 합니다.

jQuery 의 Style 이나 javascript 가 해당 페이지의 DOM 요소를 로드하기 전에 수행되어 지는 이벤트가 있습니다.

즉 $(document).ready() 이벤트가 수행되기전에 자동적으로 적용됩니다.

만약에 초기구성을 바꿀필요가 있을때 해당이벤트에서 오버라이딩을 수행하면됩니다.

$(document).on("mobileinit", function() {

//apply override here

//기본적인 설정을 오버라이딩함

$.extend( $.mobile, {foo:bar} );

});

자바스크립트의 위치도 중요합니다.

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

바꿀수 있는 구성옵션

activeBtnClass string, default: "ui-btn-active"

activePageClass string, default: "ui-page-active"

ajaxEnabled boolean, default: true

allowCrossDomainPages boolean, default: false

autoInitializePage boolean, default: true

buttonMarkup.hoverDelay integer, default: 200

defaultDialogTransition string, default: 'pop'

defaultPageTransition string, default: 'fade'

getMaxScrollForTransition integer, default: 3

hashListeningEnabled boolean, default: true

ignoreContentEnabled boolean, default: false

linkBindingEnabled boolean, default: true

pageLoadErrorMessage string, default: "Error Loading Page"

pageLoadErrorMessageTheme string, default: "e"

phonegapNavigationEnabled boolean, default: false

Introducing jQuery Mobile ? Tool for HTML5 Mobile Platforms Development (One)

 http://www.flash-to-html5.net/blog/introducing-jquery-mobile-tool-for-html5-mobile-platforms-development-one

jQuery Mobile 에서 스크립트 코드 해석이 안되어서 찾아 보았습니다.

기본적으로 제시되고 있는 테마가 a, b, c, d, e 다섯가지 입니다. 그리고 f 부터는 사용자가 커스터마이징해서 사용할수 있다고 하네요.

Theme Classes

jQuery mobile 에서 테마를 적용하기위한 방법에는 두가지가 있습니다.

data-theme= "a" 와 같이 속성을 사용하여 테마를 적용하는 방법

<div data-role = "page" data-theme = "a"></div>

class 속성에 개별적으로 테마를 적용하는 방법

<div data-role = "page" class = "ui-body-c"></div>

ui-bar-(a-z)

ui-body-(a-z)

ui-btn-up-(a-z)

Commonly used with the ui-btn-hover-(a-z) and ui-btn-down-(a-z), ui-btn-active

ui-corner-all

ui-corner-tl (top left only), -top (both top corners), -left (both left corners, .ui-btn-corner-all.

ui-shadow

ui-disabledui-bar-(a-z)

ui-body-(a-z)

ui-btn-up-(a-z)

Commonly used with the ui-btn-hover-(a-z) and ui-btn-down-(a-z), ui-btn-active

ui-corner-all

ui-corner-tl (top left only), -top (both top corners), -left (both left corners, .ui-btn-corner-all.

ui-shadow

ui-disabled

jQuery에서 DOM Element를 추가할수 있도록 메소드를 지원하고 있습니다.

.append, .appendTo, .insertAfter, .after, insertBefore, .before, .prepend, .prependTo

이 메소드를 사용해서 엘리먼트를 DOM에 추가할때 잊기 쉬운 성능상의 주의점이 있습니다.

DOM 에 반복적으로 ELEMENT를 추가해야 하는 경우에 매번 메소드를 호출하면 엄청한 성능상의 댓가를 지불해야 합니다.

그래서 같은 컨테이너에 추가해 할 경우에는 한 문장으로 만들어서 한번만 메소드를 호출하도록 알고리즘을 만들 필요가 있습니다.

아래는 배열을 사용하여 한 문장으로 만들어서 호출하는 예제입니다.

The syntax for adding new elements to the page is easy, so it's tempting to forget that there's a huge performance cost for adding to the DOM repeatedly. If you're adding many elements to the same container, you'll want to concatenate all the HTML into a single string, and then append that string to the container instead of appending the elements one at a time. Use an array to gather all the pieces together, then join them into a single string for appending:

var myItems = [];

var $myList = $( "#myList" );

for ( var i = 0; i < 100; i++ ) {

    myItems.push( "<li>item " + i + "</li>" );

}

$myList.append( myItems.join( "" ) );

엑셀에 데이타를 다운로드해서 검증을 해야 될때가 있습니다.

월별로 이월해서 관리하는 결산데이타와 같은 경우에 필요에 따라서 집계내역을 다르게 요구하는 경우도 있습니다. 그리고

내가 관리하고 있는 데이타 값과 다른 시스템에서 제공한 값과 의 차이가 발생하는 경우도 있습니다.

이런 갈등상황에 놓이는 경우가 일을 하다 보면 자주 부딪히게 됩니다.

내가 가지고 있는 빅데이타를 원인 분석이 가능한 상태로 만들 필요가 있습니다.

이럴때 피봇테이블을 많이 활용합니다.

피봇테이블 필드목록에서 행레이블에 분석대상이 되는 필드를 옮깁니다.

값을 가지고 있는 필드목록을 합계 값 영역으로 필드를 옮기면 됩니다.

그러면 자동적으로 분석대상별로 값을 합산하여 보여줍니다. 이 세분화된 자료를 가지고 다른 시스템에서 제공한 피봇테이블의 값과 비교하여 어느 영역에서 차이가 있는지 이유가 무엇인지를 해석할수 있습니다.