Technique/WEB
-
[ 펌 ] user-agent string 의 역사Technique/WEB 2016. 12. 30. 16:45
원문 : http://jinolog.com/programming/etc/2011/10/17/the-history-of-user-agent-string.html 별 의도없이 그러려니 하고 사용하던 user-agent string에 대해 알 수 있게되어 재미있엇고,생각보다 재미 있어서 퍼오게 되었습니다. 이 글은 http://webaim.org/blog/user-agent-string-history/ 의 글을 번역한 것입니다.현대 브라우저가 가지고 있는 user-agent string 값이 왜 이렇게 혼란스럽고 알기 어렵게 되어있는지, 모자이크, 넷츠케이프, IE, 파이어폭스, 오페라, 사파리, 크롬에 이르기까지의 user-agent string 값의 변화에 대해 설명해 놓았습니다태초에 NCSA 모자이크(N..
-
웹사이트 크롤링과 인덱싱, robots.txtTechnique/WEB 2016. 12. 21. 20:19
이 세상 여러 검색사이트가 존재한다. 그런 검색사이트 에선 여러 웹상에 존재하는 로봇들을 이용하여세상에 존재하는 여러 도메인에 접근, 정보를 수집합니다. 그리고 이정보들을 모아모아 축적하여 검색이 이뤄지면 필요한 녀석들을 유저에게 보여주곤 합니다. 위의 이야기중 도메인에 접근, 정보를 수집 하는 것을 크롤링 이라고 합니다.그리고 정보를 모아두고 검색햇을때 가져가기 쉽게 정리해두는 것을 인덱싱 이라고 합니다. 크롤링과 인덱싱의 제어를위해 사용 되는 것이 robots.txt와 meta 태그의 index 입니다.크롤러가 도멘인을 돌아다니다가 어떤 하나의 도메인에 도착하게 되면 우선robots.txt 가 있는지를 확인합니다. 만일 없다면 모두 수집대상이 되지만 이 robots.txt가 설정 되어 있다면 설정된 ..
-
[ 펌 ] HTML 코딩 팁Technique/WEB 2016. 9. 19. 16:43
원문 : http://hacks.mozilla.or.kr/2016/09/a-few-html-tips/?utm_content=buffer7544b&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer 의 글을 퍼왔습니다. 요즘 HTML을 코딩할 일은 자주 없지만 그래도 알아두면 좋을 것 같아 기록해둘까 합니다. TextParagraph우리가 만드는 HTML 코드는 대부분 패러그래프로 구성됩니다. HTML 엘리먼트 중에는 패러그래프 태그 ( 태그)가 존재합니다. 패러그래프를 나누는 용도로 줄바꾸기 태그 ( 태그)를 쓰지 마세요. 줄바꾸기와 패러그래프는 의미가 다르기 때문입니다. 이렇게 쓰지 마세요:1234567Cupcake ipsum dolor sit..
-
XXE ( Xml eXternal Entity ) 문제Technique/WEB 2016. 9. 6. 16:07
이번 프로젝트에 api를 담당하게 되었다. 처음엔 curl을 이용한 json만 이용가능한 api를 만들고 싶었으나, 막상 회사의 현실은 구 서비스는 xml 을 사용하고 있다는 사양이 있었고, 따라서 xml 도 대응해야만 했다. xml 부분은 라이브러리가 어느정도 구비되어 있엇고, 내용을 열어보면 파일 타입과, string 타입에 따라 php 가 가지고 있는 것들중 하나인 SimpleXMLElement 을 사용하고 있다. 파일일 경우엔 simplexml_load_file() 함수를 string 의 경우엔 simplexml_load_string() 함수를 사용하고 있는데 xml 파일안에 사양으로 지정한 Dom이외에 새로은 엔티티가 접송될 경우 그대로 팟이되어 실행되고마는 문제가 발생햇다 즉 이를 Xml Ex..
-
[ 번역 ] XSS 대응( 이스케이프 처리 )Technique/WEB 2016. 9. 6. 11:55
원문 : http://d.hatena.ne.jp/ockeghem/20070511/1178899191 을 번역하였습니다. 의역좀 들어가있고, 오역지적 해주시면 참고 하겠습니다. xss 대응 : javascript등의 이스케이프 스크립트가 onXXX의 이벤트 핸들러로서 기억되는 경우 이 경우는 HTML 태그의 특성값으로서 스크립트가 기억되기 때문에 ' 스크립트는 문자 참조에 의해 이스케이프가 필요' 가 된다 구체적으로는 (최저) ["]와 [&] 가 되겟다. 1cs 이렇게 적는것이 보통이지만, 적으려고 한다면1cs 이렇게 적어도 좋다. 그러나 스크립트 안에도 문자열 리터럴과 같이 에스케이프를 필요로하는 부분가 있다. 아래와 같이1cs 더욱이 javascript문자열 리터럴의 에스케이프와 문자 참조를 조합해야하..
-
[ CSS ] 크롬에서 input 박스 테두리 지우기Technique/WEB 2016. 3. 11. 10:09
크로스 브라우징 대응은 웹서비스를 제작하는 입장에서 상당히 귀찮고 짜증나는 작업이다.도대체왜 브라우저의 css는 제각각인지..표준을 정했으면좀 지킬것이지..ㅠㅠㅋ여튼...어떻게보면 굳이 이런거 까지 대응하냐는 말도 있지만, 까라면 까야지...뭐 타이틀 그대로 크롬에서 HTML input 박스를 사용해본 사람이면 다 알다시피 크롬에는input 박스안에 포커스가 들어가면 푸른 테두리가 생긴다. 이런식으로... 이걸 지우는 CSS는 상당히 간단하다.input:focus { outline: none; } 요롷게 적어주면 끝! 참고 : http://www.cmsfactory.net/node/11710