이것저것 잡다한 블로그

가끔 코드를 이용해서 강제로 포커스를 이동할 경우 포커스가 이동하지 않는 경우가 있다. 이럴때 간단하게 해결 가능한 트릭이 있다. Dispatcher.BeginInvoke(DispatcherPriority.ContextIdle, new Action(delegate() { control.Focus(); })); control에 자기가 포커스 이동시키고 싶은 컨트롤 이름만 넣으면 된다. Dispatcher를 끌고와서 비동기로 실행시키는걸로 봐서는, 이동이 되지 않는 경우는 UI Thread 우선순위에서 밀려서 속성만 변경되고 UI 상에는 반영이 안되는걸로 생각된다.

자바스크립트로 개발된 소스코드를 보다보면 !function이란 코드를 가끔 볼수 있다.처음 보는 사람들은 당연히 이게 뭐지라는 생각을 가질수 있다.함수의 부정형이라니 (...) 그러나 이건 일종의 트릭이다.!function의 역할은 자바스크립트 파일이 로딩되는 즉시 실행되도록 하는 것이다.어려운 말로 설명하자면, 함수를 표현식이 아닌 표현식으로 보이게 한다고 하면 될것 같다.가령 메인에서 딱 한번 실행되는 함수를 만들고 싶을때 말이다. 코드로 표현하면, !function () { var x = 1; }(); 로 나타낼수 있다. 앞으로 이런 코드를 보더라도 당황하지 말자.

내가 만든 특정 컨트롤에 대한 스타일이 있다고 하자. 만약 이 스타일을 그대로 적용하면서 일부 속성을 변경하거나 추가하고 싶을때를 위해, 스타일에는 BasedOn이라는 속성이 있다. 말 그대로 현재 스타일의 기초가 되는 스타일을 지정할 수 있는 속성인데 아래와 같은 방법으로 사용하면 된다.

CSS에서 Class Selector를 사용하다 보면 하나의 Element에 여러가지 Class Type을 붙여 쓸때가 있다. 이 때, 여러 클래스가 동일한 속성에 대한 값을 가지고 있다면 어떤식으로 처리될까? 아래의 코드를 예로 들어보자. p.test { color: lime; } .p { color: orange; } 위쪽은 p 태그에서만 사용할수 있는 test라는 class이고, 아래쪽은 모든 태그에서 사용가능한 p라는 클래스이다. 이 class들을 p 태그에 같이 적용하면 어떻게 될까? 결과만 얘기하자면, p.test 클래스의 color 값이 표시된다. CSS는 상위 트리의 내용을 먼저 적용하고 하위 트리의 내용은 나중에 적용하도록 되어있다. 두 클래스의 경우 .p가 더 상위개념이기 때문에 먼저 ..

배경이나 컨텐츠에 이런 저런 효과를 주기 위해 필터를 적용할때가 있다. 블러라든지 기타등등.... 그런데 적용할 Element에 Border-radius 적용할 경우 코드 순서에 따라 Border-radius가 적용되지 않는 경우가 있다. 예를 들어, .test { border-radius: 5px; overflow: hidden; filter: blur(5px); } 이 경우 Border-radius는 적용되지만, .test { filter: blur(5px); border-radius: 5px; overflow: hidden; } 이 경우에선 적용되지 않는다. 아마 버그로 생각되지만, 일단 머리속에 필요한 속성을 먼저 설정한 후에 필터를 나중에 설정하는 걸로 외워두면 될것 같다.