본문 바로가기

It14

자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 2014.06.29 10:13 퍼블리싱을 하거나 웹페이지를 개발하다 보면, 사용하는 브라우저의 환경에 따라 분기를 처리해주어야 할 때가 생긴다. 그럴 때 반드시 처리해 주어야 할 자바스크립트의 navigator.useragnet를 이용하면 브라우저의 정보를 확인할 수 있다. 다들 알고 있는 부분인데, 이렇게 확인된 useragent값을 어떻게 활용할 것인가가 부차적인 문제가 된다. 일단은 이번 포스팅에서는 userAgent를 문자열로 넘겨서 확인하는 것까지만 진행하도록 하겠다. var ua = navigator.userAgent; document.write(ua); 위의 표에서 보다시피 굉장히 간단하다. navigator.use.. 2021. 7. 1.

📌 JSP에러 : HTTP Status 500 에러메세지- sda7: write failed, user block limit reached 2016.08.08 09:59 작업 중 기록한 글. 가끔 JSP 서버에서 작업하다 보면 아파치가 에라 모르겠다! 배 째! 이럴 때가 있다. 바로 HTTP Status 500 에러메세지 때문이다. 그중에서 sda7: write failed, user block limit reached를 만나게 되는 경우가 있는데... 이건 사실 별건 아니다. 톰캣의 로그를 살펴보면 위와 같이 에러가 나 있는데, 할당된 디스크 공간을 다 사용했다는 뜻이다. JSP호스팅 서버에서 웹 하드 용량을 살펴보니, 가득 차서, 불필요한 파일을 삭제해서 공간을 삭제해주니, 별문제 없이 제대로 웹페이지가 열렸다. 성남시청 홈페이지는 성남시 IDC에 웹서버를 두고 있다. JSP에러가 난 것은 내 개인 포트폴리오 상에서의 에러다. 2020. 9. 17.

📌 XML 뷰어 - XML Notepad 2007로 XML파일 열기 저는 개발자 출신 퍼블리셔인데요. 보통 프로젝트 때 퍼블리싱을 할 땐 XML 파일 열기가 필요 없어요. 하지만 간혹 개발팀하고 협업 때 개발 쪽에서 데이터를 XML로 넘겨주는 경우에는 XML 파일 열기를 할 필요가 있죠. 혹은 업무가 아닌 개인적으로 운영하는 블로그 데이터를 백업받아 둘 때 워드프레스나, 티스토리 블로그에서는 XML 형태로 데이터를 받기도 해서 XML뷰어를 종종 이용합니다. 하지만 xml뷰어를 들여다본다 한들, 티스토리 블로그 백업 파일을 복구하는 기능은 없어져서, 별도로 변환할 때나 쓰죠. 이 참에 백업받은 xml 티스토리 자료를 원격 포스팅해주는 프로그램을 만들어 볼까도 고민했지만 "시간이 없어 소~" 추천할 만한 XML뷰어가 바로 마이크로소프트에서 무료 배포 중인 XML Notepa.. 2020. 9. 15.

📌 리눅스 명령어 리눅스 root 암호 잃어 버렸을 때 계정 패스워드 초기화 [LINUX] 리눅스 root 암호를 분실했을 때 root 계정 초기화 몇 달 전에 PC가 고장이 나서 새로 조립을 하고서는 기존에 쓰던 고장 난 컴퓨터를 방치해놨었다. 이 녀석을 버릴까 말까 하다가 전원을 넣어보니 어라? 부팅이 되네? 그런데 하드가 없다. 서랍을 뒤지니까 120기가 하드도 나온다.... 이놈의 집구석... 이사를 해도 뭘 열면 컴퓨터 부품이 쏟아져 나오냥.... 난 도대체 정체가 먼가? 꽂았더니 어라 지멋데로 부팅된다.... 신기해라... CD-ROM 읽을 틈도 주지 않는다. 느낌이 안좋다. 시뻘건 모자를 눌러쓴 넘이 째려보면서 이름을 묻는다. 주워들은 건 있어서 root라고 쳐준다. 열쇠 글을 입력하란다. 도대체 언넘이 번역한 한글 판인게야...? 알 턱이 없다... 나 도대체 이 .. 2020. 9. 15.

✈ CSS 텍스트 속성 : text-align:justify,text-justify:auto,inter-word,inter-ideograph,inter-cluster,distribute,kashida,newspaper,distribute-all-lines,distribute-center-last 2014년에 작성했던 글입니다. 블로그를 옮기는 중이라... 쿨럭 text-align:justify; text-justify:~ 속성은 골 때리게도 CSS2에는 포함되지 않고, CSS3에는 포함이 되어 있고, IE 구버전들은 일부 지원을 하고, 9 이상에서는 지원이 되지 않는 웃긴 양상을 보이는 텍스트 속성이다. 더 귀찮은 것은 골 때리게도, 이 속성을 공무원님들이 너무 좋아라 하신다는 거다. -_-; 군정시대 습성들이 남아 계신 건지 글씨들이 각 맞춰서 열 맞춰서 서 있기를 바라는 분들이 간혹 있다. 그러면서 단어는 음절단위에서 개행하지 않게 해 달란다. 아하~ 나처럼 이런 갈굼을 당하는 퍼블리셔들이 많으신지, 의외로 검색 유입에 text-align:justify를 검색하는 사람들이 꽤 있다. 그분들의.. 2020. 9. 15.

📌 신뢰할 수 있는 사이트 목록에 포함되어 있는 사이트를 열려고 합니다. 해당사이트를 열도록 허용하시겠습니까?" 경고창 안뜨게 하는 방법 꿀팁 페이스북 위젯이 있는 페이지들에 들어가면 "현재의 웹 페이지에서 신뢰할 수 있는 사이트 목록에 포함되어 있는 사이트를 열려고 합니다. 해당사이트를 열도록 허용하시겠습니까? " 경고창이 뜨는데, 페이스북 위젯으로 도배된 페이지에 들어가면 아주 모니터를 주먹으로 치고 싶을 정도가 된다. 인터넷익스플로러 11로 업그레이드를 한 후 서핑만하면 페이스북을 신뢰할 수 있냐고 이 난리다 MS가 페이스북에 무슨 억하심정을 갖고 있는 것인지... 이 경고창이 떠봤자 어짜피 기능적으로나 보안적으로 별 문제도 없는데 짜증나게 한다 무엇보다 귀찮다. 특히나 페이스북 좋아요 버튼 떡칠을 해 놓은 페이지가 열릴 때는 짜증 열폭이다. 해당 사이트를 폭파시키고플 지경이다 해결 방법은 의외로 간단하다. 인터넷 익스플로러의 인터넷 옵션.. 2020. 9. 4.

모바일홈페이지 주소창 감추기 tip body[orient="portrait"] ,body[orient="landscape"] [모바일홈페이지 제작] 모바일 웹 주소창 감추기 tip 모바일홈페이지를 제작할 때 코딩에서 위의 사진처럼 모바일홈페이지 주소창이 사라지게끔 하는 방법에 대한 설명이다. 보통 흔히 아래와 같은 자바스크립트를 많이 쓴다. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); 이 스크립트는 모바일홈페이지에서 주소창이 사라지는 기능을 적용하고 있다. 혹은 아예 body 태그에 onload로 넣을 수 있다. ... 이 자바스크립트는 window.setTimeout(func, delay, [param1, param2, ...])을 호출하는 형식이다. 1. 0초 후에 scrollTo 메소드를 실행시켜라 2. [param1, p.. 2020. 6. 8.

[웹표준 CSS] cursor:pointer가 웹표준. cursor:hand는 ie에서만. 2014.10.04 11:38 [웹 표준 CSS] cursor:pointer가 웹 표준. cursor:hand는 ie에서만. 이미지에 onClick="javascript:…."를 쓴 경우라든지 뭐 OnClick속성은 A태그 이외의 모든 객체에 줄 수 있다. TD에도 DIV에도 줄 수 있는데...이 속성을 객체에 줘도 클릭을 할 때 액션은 일어나지만 마우스의 커서 모양이 손 모양이 아닌 화살표 모양으로 그대로 남아 있으니까 사람들이 클릭하는 건지 모를 때가 많다. 그럴 땐 흔히 style="cursor:hand;"를 쓰지만, FireFox에서는 안 먹힌다. MS에서 임의로 만든 속성이기 때문이다. 이럴 땐 style="cursor:pointer;" 로 주면 된다. cursor:pointer가 웹표준이다. .. 2019. 9. 16.

✈ [반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px) 반응형 웹의 기초 @media screen and (max-width:620px) and (min-width:300px) 반응형 웹에 대해 두려움을 갖고 있는 퍼블리셔들이 제법 많다. 사실 알고 보면 별거 아니다. 가로폭에 대한 시나리오대로 CSS를 적용해주면 90%(?)는 끝난 게임이다. 물론 그 과정은 코딩답게 노가다이긴 하다. 같은 스타일에 대해 2번 이상을 기술해줘야 하는 작업이니까 말이다. 나머지 10%는? 반응형웹을 원하는 클라이언트의 기발하고도 창의적이면서 가학적인 눈높이에 맞춰주기 위해서는 단지 CSS의 @media screen 만으로는 해결되지 않는 난제들이 튀어나올 때가 있다. 그럴 땐 하는 수 없이 jQuery의 도움을 받아야 한다. 하지만 왠만하면 @media screen으로 대부분.. 2019. 7. 27.

이전 1 2 다음

티스토리툴바