본문 바로가기

분류 전체보기100

웹기반 편집기 개발을 위한 SVG 정리 현재 캔버스로 개발되어있는 편집기가 하나하나의 객체가 많아지다보니 렌더링 시간이 꽤나 오래 걸리기 시작했다.또한 캔버스 기반 편집기는 렌더링시마다 서버와 통신을 해서 바뀐 정보를 하나하나 보낸 뒤 다시 받는 형식으로 개발되어있다.SVG로 변경하게 되면 서버와의 통신을 줄일 수 있고, 좀더 클라이언트 기반으로 편집기 엔진이 변경될 것 같아 SVG 스터디를 시작하려 한다. SVG 의 위키백과부터 살펴보았다. SVG(Scalable Vetor Graphics) 는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의.. 2015. 6. 8.
[동적] 미리보기 해제 방법 [dynamic] preview unlock visual studio 로 웹개발을 하다보면 정말 짜증나는 경우가 하나 있었다.디버깅을 해야할 경우 새로 개발된 소스로 디버깅을 해야하는데 자꾸 이전 코드가 있는 [동적]미리보기 파일에 중단점이 걸리는 경우였다.바로 이렇게!! 이해를 돕기위해 jquery ui 파일을 가져왔다.보통 이런경우 브라우저에서 소스파일을 캐시하여 생기는 문제인데대부분의 경우는 브라우저에서 캐시 환경설정을 변경하면 해결이 가능하다고 한다.물론 나는 따라해도 되지 않더라...먼저 익히 알려진 해결 방법으로는 visual studio 에서는 IE 를 이용하여 디버깅을 할 수 있기 때문에IE > 인터넷 옵션 > 일반 > 검색기록 > 설정 > 임시 인터넷 파일 > 저장된 페이지의 새 버전 확인을웹 페이지를 열 때마다(E) 로 설정한다... 2015. 5. 18.
jQuery.fn.extend() jQuery.fn & jQuery.fn.extend() 가끔 라이브러리 혹은 타 개발자가 작성한 소스코드를 보다보면 jQuery.fn 이 간혹 보이는데기초가 부족한 필자는 jQuery.fn 이 뭔지 몰랐다.찾아보니... In jQuery, the fn property is just an alias to the prototype property.그냥 가명이란다... 프로토타입의 가명으로 fn 을 사용한다고 한다. jQuery.fn = jQuery.prototype = { //...}그렇다하면~ jQuery.fn.extend() 는 jQuery 를 확장 즉 커스터마이징 한다는 뜻이다.jQuery 의 기본 함수에 추가하는 내가 쓰고자 하는 함수를 넣어서 확장시킬 수 있다. jQuery.fn.extend({ c.. 2015. 5. 14.
다음 파일의 줄 끝에 일관성이 없습니다. 줄 끝을 정규화시키시겠습니까? 할일 없이 소스분석을 하던 도중 이런 메시지가 뜬다.순간 뭐지.... 이생각이 제일 먼저 들었다.예를 눌러야되나 아니오를 눌러야되나... 일단 예를 눌러보았다.뭐 바뀌는건 없는 것같은데... 혹시 몰라서 SVN 상태를 보니 뭔가 바뀌었단다!그래서 커밋되어있는 소스와 비교하려는데 잉?????????????????????????텍스트는 같은데 바이너리가 다르다고???????????? 일단 진정하고 정규화 warning 메시지부터 찾아보도록 하자 Error Message: The line endings in the following file are not consistent. Cause:This dialog box is not from SourceAnywhere Standalone. It is a Visual.. 2015. 5. 13.