개발人

KnockoutJS(일명 KO) 와 RequireJS(AMD) 를 사용해서 개발을 하게 되면 Javascript 관리 및 관심사 분리에 있어서 많은 이점을 얻을 수 있습니다. 하지만, 기존에 개발하던 방식과는 많은 차이가 있기 때문에 불편한 점도 있을 수 있을거 같은데요. 물론, 해결방법을 몰랐을때에 한해서 입니다. 그 중에서 iframe 과 popup 에서 부모나 오프너로 접근시 접근하기가 쉽지 않은데요. 해결하는 방법을 적어 봤습니다. 우선 Require.js (v2.2.0), knockout.js (v3.4.0) 파일을 /Js 폴더 하위에 위치시킵니다. 그리고 나서 설정을 선언할 파일을 동일한 위치에 생성하고 아래와 같이 작성합니다. main.jsrequire.config({ baseUrl: '/j..

Knockout 은 데이타 모델과 응답 및 편집기를 이용한 사용자 인터페이스를 작성하는데 있어서 당신에게 많은 도움을줄 Javascript Library 입니다. 동적으로 업데이트 되는 UI 를 구현하고 싶을때마다 KO는 쉽게 유지보수 하는데 도움이 될 수 있습니다. 주요기능 : – Elegant dependency tracking – 데이타 모델이 변경될때마다 자동으로 UI 부분을 업데이트합니다. – Declarative bindings – 간단한 방법으로 데이타 모델에 UI의 일부분을 연결합니다. 바인딩 컨텍스트를 사용하여 복잡한 동적 UI를 구성 할 수 있습니다. – Trivially extensible – 재사용이 가능한 몇줄의 코드로 명시적 바인딩 등의 사용자 정의 동작을 구현합니다. 부가기능 ..

백 그라운드에서 데이타 처리라던지 되고 있을때, 사용자에게 뭔가 하고 있다는 의미로 프로그래스 바(링) 등을 보여 줍니다. 지금까진 IE 에서만 반 투명 이미지가 보여지면 됐었는데 앞으로는 Css 를 만들때 대부분의 브라우져에서 같은 동작을 하게끔 해야 하는 시대가 왔네요. 좋은 시절 다 갔죠 ^^; 신경쓸일이 많아졌으니까요. 사용자의 눈도 높아졌기 때문에 간과하면 안될듯 합니다. IE에만 적용했던 Div 반투명 Css (with KO) 12345 위와 같이 ...background:#000; filter: alpha(opacity=50); zoom: 1;... 하면 IE 에서는 문제없이 반 투명의 오버레이가 보여지며 그 위에 프로그래스바(링)이 돌아가는것을 볼수 있습니다. 그러나… 크롬 및 엣지에서는 ..

LinearLayout 은 하위 레이아웃 및 View, 엘리먼트들을 가로 혹은 세로 한 방향으로 정렬하기 위한 요소 입니다. 예제 하위 LinearLayout 들을 세로로 정렬하는 최상위 LinearLayout 이 있습니다. 그 하위 첫번째 LinearLayout 은 하위 View 를 가로로 정렬하고, 두번째 LinearLayout 은 하위 View를 세로로 정렬하고 있습니다. 결과결과 화면입니다.참조https://developer.xamarin.com/guides/android/user_interface/linear_layout/https://developer.xamarin.com/api/type/Android.Widget.LinearLayout/예제소스https://github.com/NJHouse/..