'작업노트'에 해당되는 글 100건
- 2014.04.18 [펌] CSS에서 AlphaImageLoader Filter를 사용한 투명한 이미지 만들기
- 2012.09.20 CSS display 속성 값 종류
- 2010.10.05 빨래를 해야겠어요
- 2010.09.19 Internet Explorer9(IE9) beta를 써봤는데... 1
- 2010.09.12 NoSQL article link
- 2010.08.24 면접을 보고 왔다..
- 2010.07.27 자바의 가비지 콜렉터(Gavage Collector)
- 2009.10.07 JTidy (HTML Parser)
- 2009.08.19 http content type
- 2009.07.23 Struts2 if tag 사용시 주의점..
[원문 - http://robby.egloos.com/1200034]
마이크로 소프트에서 제공하는 AlphaImage Loader를 어떻게 사용하는지 알아보겠습니다.
이걸 사용하는 이유는 png 형식의 이미지는 IE7과 FF(Fire Fox)에서는 지원을 하지만 문제는
IE6에서는 지원을 안하고 있습니다. 아쉬운데로 아래와 같은 필터를 사용하는 수 밖에요
예제 소스는 아래와 같습니다.
이미지에 알파값을 주고 싶을때
.class이름 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/img/header_banner_img.png',
sizingMethod='crop');
}
레이어를 투명하게 하고 싶을때
<DIV ID="oDiv" STYLE="position:relative; height:250px; width:250px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/workshop/graphics/earglobe.gif', sizingMethod='scale');" >
</DIV>
간단하게 이미지 경로와 크기 조절하는 것을 삽입했습니다.
이렇게 넣으면 이미지 본래 이미지대로 표시하게 됩니다.
sizingMethod :
Sets or retrieves the manner in which to display an image within the boundary of the object that the AlphaImageLoader filter is applied to.
위에 영문으로 써 놓았는데 요약하자면, 그림을 어떻게 표시하겠느냐 하는 것이겠죠
종류로는
- crop : Clips the image to fit the dimensions of the object. (원래 객체의(여기서는 이미지)에 크기 비율에 맞게 디스플레이 합니다.
- scale : Stretches or shrinks the image to fill the borders of the object. 상위의 객체에 꽉 체워 줍니다. 만일 이미지를 싸고 있는 레이어가 있다면 그 레이어에 크기에 맞게 그림이 좌악 늘어납니다.
- image : Default. Enlarges or reduces the border of the object to fit the dimensions of the image. 기본 설정값으로 본래의 이미지 크기로 보여줍니다.
'작업노트 > HTML & Script' 카테고리의 다른 글
| CSS display 속성 값 종류 (0) | 2012.09.20 |
|---|---|
| JTidy (HTML Parser) (0) | 2009.10.07 |
| scrollHeight / clientHeight / scrollTop (0) | 2009.03.13 |
| ActiveX가 있는 페이지에서는 레이어 처리가 불가능하다. (0) | 2008.11.19 |
| IETester (0) | 2008.11.07 |
'작업노트 > HTML & Script' 카테고리의 다른 글
| [펌] CSS에서 AlphaImageLoader Filter를 사용한 투명한 이미지 만들기 (0) | 2014.04.18 |
|---|---|
| JTidy (HTML Parser) (0) | 2009.10.07 |
| scrollHeight / clientHeight / scrollTop (0) | 2009.03.13 |
| ActiveX가 있는 페이지에서는 레이어 처리가 불가능하다. (0) | 2008.11.19 |
| IETester (0) | 2008.11.07 |
빨래를 해야겠어요. 오후엔 비가 올까요.
그래도 상관은 없어요. 괜찮아요.
뭐라도 해야만 할 것 같아요. 그러면 나을까 싶어요.
잠시라도 모두 잊을 수 있을 지 몰라요.
그게 참 마음처럼 쉽지가 않아서
그게 참 말처럼 되지가 않아서
무너진 가슴이 다시 일어설 수 있게
난 어떡해야 할까요. 어떻게 해야만 할까요...
맘 접고.. 빨래나 해야겠다..ㅋ
'작업노트 > Developer's Diary' 카테고리의 다른 글
| 면접을 보고 왔다.. (0) | 2010.08.24 |
|---|---|
| 시작이란 추억. (0) | 2009.03.15 |
| 습관 (0) | 2008.11.04 |
| 묻기, 확실히 하기 (0) | 2008.09.19 |
| 팀 작업을 할때에... (0) | 2008.09.04 |
지금 돌고 있는 IE9의 자료들은 어차피 MS에서 자기네 마음대로 정한 항목에서
자기네 마음대로 정한 기준으로 테스트한것들 아닌가. 그냥 무작정 믿을 수 만은 없을 것 같다.
그냥 내가 체감상 느낀건 파이어폭스4 베타가 오히려 더 빠른 것 같다는 것.
파이어폭스가 처음에 프로그램 띄울때만 조금 느릴 뿐 일단 띄워놓고 웹서핑할 때는
약간 더 빠른 듯 느껴진다. (사실 거의 차이없다. 체감상 그렇다는 것)
그리고 결정적으로 치명적인 버그가 있는듯 한데 아래와 같은 현상은 나만 일어나는 것인가?
이 이미지들은 절대 페이지 로딩중에 캡쳐한 것이 아니다. 두개 모두 제대로 로딩이 안되서 2-3번정도 refresh한 후 5분 넘게 기다렸다가 캡쳐한 것들이다.
뭔가 이게;;; 플레시만 안뜨는 것 같지도 않고 원인이 뭔지 모르겠다.
항상 이런 것은 아니지만, 웹서핑을 어느정도 하다가 보면 자주.. 열에 아홉꼴로 이런 현상이 나타나고, 여러개의 탭을 열어둔것이 아깝지만, 종료했다가 다시 열어야 한다. (하지만 다시 열어도 해결되지 않을 때가 많다.)
참고로 아래 정상적인 화면들과 비교해보자.
그래 이건 베타다.. 이해하자.. 하지만 정식버전에서도 이러면.. 난 IE 안쓸것 같다.(ActiveX땜에 어쩔수 없이 써야할 때도 있겠지.. 쳇ㅋ)
혹시 뭐 어떤 설정값을 고치면 될지도 모르지만, 아, 귀찮다. 그냥 설치만하면 제대로 동작하게끔 해달라. 유저한테 너무 많은 걸 바라지 말라..
이건 그렇다 치고.. HTML5를 제대로 지원을 하고 있는 건지도 잘 모르겠다.
정체를 파악할 순 없지만 HTML5의 지원 정도를 점수로 보여주는 사이트가 있다.
www.html5test.com <-여기가 바로 거기다.
(HTML5가 뭔지 궁금한 분은 http://ko.wikipedia.org/wiki/HTML5 여기로 가보시길..
들어가기 싫은 사람은 그냥 웹의 새로운 표준이라고만 알아두자)
아무튼 저 사이트에서 테스트를 해보면... 파이어폭스4가 204점인데 반해 IE9은?
무려 96점이다.
물론 어떤 기준으로 점수를 매기는 지는 알수 없지만 100점이상 차이가 난다는건..
HTML5를 지원하겠다고 하면서 내놓은 브라우저라고 하기엔 납득하기 힘든 점수이다.
UI도 불편한 것 같다. 주소창과 탭들을 한줄에 놓고 있는데, 웹페이지 몇줄 더 보여주겠다고
이런 파격적인 UI로 변경하는 건.. 글쎄.. 답답하다는 느낌이다. 탭들이 너무 작다.
파이어폭스 같은 경우에도 변경이 있었는데 주소창을 탭 위가 아니라 탭 아래에 두었다.
이전에는 주소창과 탭이 서로 동떨어져 있었다면, 지금은 탭속에 주소창이 포함되어 있어,
UI의 일관성이 향상되었고, 사용자들이 사용할 때도 이해하기가 쉬울 것 같다.
어쩌다보니 파이어폭스4 vs IE9 로 비교하는 꼴이 되버렸는데.. 너무 IE9에 대한 칭찬글만 일색이어서 과연 칭찬할 것만 있을까란 생각으로 한번 적어보았다. 뭐.. 리뷰라고 할것도 없을 것 같다.. 주절거림 정도로 봐주시라. 중요한건 두 브라우저 모두 아직 베타 상태이고 앞으로 더 개선되고 좋아질 것이라는 점이다. 하지만, 베타만 놓고 비교했을 때는 파이어폭스에 한표를 던지고 싶다.
ps. 파이어폭스는 도대체 왜 프로그램 로딩시간이 그리도 긴 것일까..
ps. 크롬이 좀더 분발해서 다 눌러줬으면 하능...ㅋ
ps. 사파리, 오페라도 한번 써봐야 할 듯...(생각만..ㅋ)
ps. IE6는 이제 그만 놔주자..
'작업노트 > etc.' 카테고리의 다른 글
| http content type (0) | 2009.08.19 |
|---|---|
| NNTP, Usenet, UUCP 간략한 정의 (0) | 2009.04.20 |
| WOA - Web Oriented Architecture 관련 글 (0) | 2009.03.11 |
| [펌] 2년차 개발자가 알아야 할 기본 지식 (0) | 2009.01.15 |
| 파이어폭스(firefox)에서의 새로고침 (1) | 2008.12.26 |
얼마전 똑같은 포털사의 또다른 계열사중 한군데에도 다녀왔다가 뼈속까지 속칭 "발려"버렸었던 기억이 있기때문에, 상당히 긴장이 많이 되었던 면접이었다. (1:1면접을 30분씩 3번을 연속으로 봤었다...ㅠㅠ)
이후 자극받아서 열심히 준비하고 공부를 했는데,,흠...
먼저 pre-test를 보았다. 1시간동안 보았는데 신입들은 기사시험수준의 전공시험을 봤던것 같은데, 역시 경력직은 문제가 다른듯 했다. 개발자라면 알아야할 실무적인 상식들에 대해 물어보는 문제가 많았다.. pre-test는 대체로 잘 푼 듯 보였다.. 단, DB쪽 문제는..죽썼다... 아 디비공부 제대로좀 했어야 하는 건데...ㅠ
pre-test보자마자 면접실로 이동했다. 쉴틈좀 주지..ㅠㅠ 근데 이게 왠일! 시험문제지가 면접관들에게 들려있었다. 어느정도 예상은 했지만..ㅎㅎ 역시 면접관님의 첫마디 "다른 문제는 잘 풀었는데.. 디비는 영..." ㄷㄷ 아 이런..ㅠㅠ 이후로 이어지는 디비에 대한 공세들.. 제대로 방어하지 못했다.. 그리고 퇴사에 대한 질문 역시... 빠짐없었다. 충분히 예상되었던 질문이었는데도, 만족스럽게 답변한 것같진 않았다. 아무래도 많이 의심스럽나 보다. 1년가까이되는 공백에 대해서.. 퇴사사유 또한 ㅎㅎ (저 짤린거 아니라고요~!!!ㅋ) 또다른 한분은 프레임웤에 대해 몇가지 물어보셨는데, 예상치 못한 질문들을 많이 해주셔서 당황하고 횡설수설했다.. 아 난 왜이리 말을 못할까..ㅠ 면접은 30분이 주어졌는데, 실제 시간은 그보다 더 짧았던 듯 싶다.. 이게 좋은 의미인지 나쁜 의미인지;;ㅠ
지금 느낌은 오리무중이다.. 결과가 나와야 알것같은데.. 아.. 제발 통과했으면 좋겠다.ㅠㅠ
'작업노트 > Developer's Diary' 카테고리의 다른 글
| 빨래를 해야겠어요 (0) | 2010.10.05 |
|---|---|
| 시작이란 추억. (0) | 2009.03.15 |
| 습관 (0) | 2008.11.04 |
| 묻기, 확실히 하기 (0) | 2008.09.19 |
| 팀 작업을 할때에... (0) | 2008.09.04 |
http://qwe1qwe.tistory.com/1476
http://jikime.tistory.com/313
요약설명
가비지 콜렉터는, 더이상 참조하지 않는 오브젝트가 점유하고 있는 메모리를 회수하여, 할당가능한 상태로 만드는 것.
동작방식을 이해하려면 먼저 JVM의 3가지 메모리 영역를 알아야 한다.
1)new/young영역 : 생성된지 얼마 안된 객체가 저장된다.
b) survivor space 1, survivor space 2 : old 영역으로 넘어가기 전 객체들이 저장.
3)permanent 영역 : jvm클래스와 메서드 객체가 저장된다.
이중에서 new/young영역과 old영역에서 서로 다른 GC(Gavage Collector)가 동작한다.
new/young영역에서는 minor GC가 동작하는 데, 한번 동작할때마다 다른 survivor 영역으로 객체를 이동시킨다. 즉 첫번째 동작에서는 eden영역과 survivor1에서 살아있는 객체들을 survivor2영역으로 이동시키고, 두번째 동작에서는 eden영역과 survivor2영역에서 살아있는 객체들을 survivor1으로 이동시킨다. 그리고 각 동작마다 죽어있는, 사용되지 않는 객체들은 clear시킨다.
new/young영역에서는 이런식으로 동작을 하다가, 생성된지 오래된 객체들은 old영역으로 이동하게 된다. old영역에서는 full GC가 객체들을 관리하는데, 객체들의 reference를 따라가면서 연결이 끊긴 객체들을 마크하고 이것들을 삭제한다. 이 작업은 상당히 오래 걸리기 때문에, full gc가 동작하는 동안 사용자들의 요청이 쌓이게 되면 장애발생의 원인이 될수 있다..
'작업노트 > JAVA' 카테고리의 다른 글
| Java TimeZone 관련 링크 (0) | 2009.07.17 |
|---|---|
| CSV파일 (0) | 2009.03.02 |
| 자바 5 에서의 반복자와 컬렉션(for/in 반복문) (0) | 2008.02.28 |
| Java API Map (0) | 2008.01.05 |
| JVM 메모리구조와 스택 - 참조 ^^ (0) | 2007.11.19 |
homepage :
http://jtidy.sourceforge.net/
download :
http://sourceforge.net/projects/jtidy/files/
javadocs :
http://jtidy.sourceforge.net/apidocs/index.html
'작업노트 > HTML & Script' 카테고리의 다른 글
| [펌] CSS에서 AlphaImageLoader Filter를 사용한 투명한 이미지 만들기 (0) | 2014.04.18 |
|---|---|
| CSS display 속성 값 종류 (0) | 2012.09.20 |
| scrollHeight / clientHeight / scrollTop (0) | 2009.03.13 |
| ActiveX가 있는 페이지에서는 레이어 처리가 불가능하다. (0) | 2008.11.19 |
| IETester (0) | 2008.11.07 |
출처 : http://blog.daum.net/justdoit1978/5261242
Content-Type 의 종류.
1) Multipart Related MIME 타입
- Content-Type: Multipart/related <-- 기본형태
- Content-Type: Application/X-FixedRecord
2) XML Media의 타입
- Content-Type: text/xml
- Content-Type: Application/xml
- Content-Type: Application/xml-external-parsed-entity
- Content-Type: Application/xml-dtd
- Content-Type: Application/mathtml+xml
- Content-Type: Application/xslt+xml
3) Application의 타입
- Content-Type: Application/EDI-X12 <-- Defined in RFC 1767
- Content-Type: Application/EDIFACT <-- Defined in RFC 1767
- Content-Type: Application/javascript <-- Defined in RFC 4329
- Content-Type: Application/octet-stream : <-- 디폴트 미디어 타입은 운영체제 종종 실행파일, 다운로드를 의미
- Content-Type: Application/ogg <-- Defined in RFC 3534
- Content-Type: Application/x-shockwave-flash <-- Adobe Flash files
- Content-Type: Application/json <-- JavaScript Object Notation JSON; Defined in RFC 4627
- Content-Type: Application/x-www-form-urlencode <-- HTML Form 형태
* x-www-form-urlencode와 multipart/form-data은 둘다 폼 형태이지만 x-www-form-urlencode은 대용량 바이너리 테이터를 전송하기에 비능률적이기 때문에 대부분 첨부파일은 multipart/form-data를 사용하게 된다.
4) 오디오 타입
- Content-Type: audio/mpeg <-- MP3 or other MPEG audio
- Content-Type: audio/x-ms-wma <-- Windows Media Audio;
- Content-Type: audio/vnd.rn-realaudio <-- RealAudio; 등등
5) Multipart 타입
- Content-Type: multipart/mixed: MIME E-mail;
- Content-Type: multipart/alternative: MIME E-mail;
- Content-Type: multipart/related: MIME E-mail <-- Defined in RFC 2387 and used by MHTML(HTML mail)
- Content-Type: multipart/formed-data <-- 파일 첨부
6) TEXT 타입
- Content-Type: text/css
- Content-Type: text/html
- Content-Type: text/javascript
- Content-Type: text/plain
- Content-Type: text/xml
'작업노트 > etc.' 카테고리의 다른 글
| Internet Explorer9(IE9) beta를 써봤는데... (1) | 2010.09.19 |
|---|---|
| NNTP, Usenet, UUCP 간략한 정의 (0) | 2009.04.20 |
| WOA - Web Oriented Architecture 관련 글 (0) | 2009.03.11 |
| [펌] 2년차 개발자가 알아야 할 기본 지식 (0) | 2009.01.15 |
| 파이어폭스(firefox)에서의 새로고침 (1) | 2008.12.26 |
<s:if test="%{status.equals('1')}" ></s:if>
는 안된다.
<s:if test='%{status.equals("1")}' ></s:if>
는 된다.
따옴표 주의..;
'작업노트 > Framework' 카테고리의 다른 글
| [Struts2] radio 태그에서 선택값 유지시키기 (0) | 2009.07.17 |
|---|---|
| [Spring] org.springframework.scheduling.quartz.CronTriggerBean (0) | 2008.11.05 |
| [Spring] BeanFactory와 ApplicationContext (0) | 2008.01.23 |
| [Spring] AOP(Aspect Oriented Programming), 관점지향 프로그래밍의 이해 (0) | 2008.01.14 |
| [Struts] Action 에서 포워딩 시 parameter 넘기는 법 (0) | 2008.01.14 |
