본문 바로가기

개발121

[정규식]콤마로 구분된 값이 포함되어 있는지 검사하고 싶다면? 20,30,50,20,60,k020,200,2050,dt,etm,djbk,1-3,392,203,20,7,5 이렇게 콤마로 구분된 값이 있습니다. 여기에서 '20'이라는 값만 찾아내고 싶다면 어떻게 할까요? (?:^|,)(20)(?:,|$) 이러한 정규식을 쓰면 됩니다. 총 3개의 값을 찾아내는군요~ 대충 해석하자면... '?:'의 뜻은 캡쳐하지 않는 그룹이라는 뜻이구요 '|')(파이프)의 뜻은 '또는(or)'이라는 뜻입니다. '^' 이건 시작문자구요 '$' 이건 끝 문자입니다. 즉, 맨 처음 시작하는 '20'이거나 앞에 ','가 있는 '20'이면서 뒤에 ','가 있거나 마지막인 문자를 찾는겁니다. split을 이용해서 ','로 끊어버리는게 가장 쉬운 방법이겠지만, 혹여나 정규식을 쓸 상황이 생길까봐 포스.. 2009. 7. 21.
[CSS] 이미지 바꿔치기, LIR 기법 크로스 브라우징으로 시험해 보진 않고, IE에서만 간단하게 테스트 해 봤습니다. display: inline-block; width: 74px; height: 28px; padding: 60px; overflow: hidden; 이렇게 적용하니까 잘 되더군요~ phark 기법으로 a(Anchor)태그에 이미지 바꿔치기 시도하려니 자꾸 같이 사라져 버려서 LIR기법으로 해결했습니다. 막히면 돌아갈 줄도 알아야겠네요~ 2009. 7. 10.
[CSS] text-indent를 이용한 이미지 바꿔치기 기법 사용할 때 곤란한 2가지 경우... 웹표준 그 골치아픈 세계에서는 이미지 하나 표현하는 것 조차도 너무 어렵네요 간단하게 img 태그를 써서 표현하는 것도 좋은 방법 중 하나라고 생각합니다. 그래도 웹표준! 공부해 볼만한 가치는 충분히 있는 분야죠? ㅎ 이미지 바꿔치기 기법 중 text-indent: -5000px 와 같이 글자를 머나먼 별나라로 보내버리고 배경 이미지를 넣어서 표현하는 방법을 많이 사용하는 것 같습니다. 제가 적용하면서 머리 좀 아팠던 2가지 부분에 대해서 끄적여 보겠습니다. 1. display: inline; 으로 지정한다면 당연히 적용될 것이고.. display: inline-block; 으로 해도 적용이 됩니다. 같이 별나라로 보내버리죠 -_-; 뭐 이건 자주 일어나는 일은 아닙니다.. 그래도 막상 당하면 얘가 어디.. 2009. 7. 10.
[AIR] 외부 프로그램을 실행할 수는 없는건가... AIR이 1.5까지 나왔다. Flex를 이용해서 데스크탑 어플리케이션을 만들 수 있다니! 그것도 아주~ 쉽게... 또! 플랫폼 프리란다... 이건 뭐 자바수준인데? 라는 생각에 AIR을 이틀째 열심히 공부하고 있다. 그런데 역시.. Flash 기반의 한계랄까? 제약사항이 너무 많다. AIR로는 정말 간단한 App 밖에는 제작이 안 될 것 같다는 생각이 들기 시작했다. (원래 그런 목적인 듯...) 외부 프로그램 실행이 되지 않는 것 같다. 정말 그런지는 API를 다 뒤져보지 않아서 확신할 수는 없지만... 그래도 웹 문서는 열 수 있다. navigateToURL()이라는 함수를 쓰면 URL을 열 수 있다. 로컬 경로도 여는 것 까지는 가능한데, 다운 받는 창이 뜬다 -_-; 이것 외에는 정말 방법이 없는.. 2009. 6. 30.

티스토리툴바