1. html.raw("@~~~") 하는 방법과

2. @@하는 방법 있음. 

그냥 css animation을 선언하게 되면 @를 사용하게 되는데, 그러면 파서 오류남.. -_ - 

저작자표시 비영리 변경금지

openlayers3을 이용해서 지하철 지도 페이지를 구현중임.


몇가지 문제가 있었는데


openlayers3에 레이어 올리기

coords맞추기.

좌표찍기

레이어 duration주기 ㅎ ㅏ이건 담에 소스를 올려야겠다.


이미지를 자르는 문제.

 256*256을 기준으로  6000(이미지의 가로 사이즈) / 256을 하게 되면 그것이 줌 레벨이 된다.

6000, 3000, 1500, 750, 375, 

  5         4       3        2     1


큰이미지는 imagemagick라는 nodejs를 이용해서 잘랐음.

물론 문제가 있다. 6000*5040의 이미지일 경우.. 메모리 뻑이남

이것은 추후 rxjs를 이용해서 promise를 이용해서 자를 예정.

블로그에도 적어야지. 


어찌저찌하여 최종 인앱에 지하철을 넣는것 까지 완료.

그런데  6000*5040이미지, 등을 모두 돌리니 무겁다.

ㅎ ㅏ~_~





저작자표시 비영리 변경금지

회사 nova님이 android build를 알려주심



클린

proj_root$ ./gradlew clean


APK 생성

proj_root$ ./gradlew assemble


클랜 & 빌드

proj_proot$ ./gradlew clean && ./gradlew assemble



Release APK 만 빌드(company-app-android)

proj_proot$ ./gradlew clean && ./gradlew assembleRelease


플레이스토어 Release APK 만 빌드(company-app-android)

proj_proot$ ./gradlew clean && ./gradlew assemblePlayRelease


adb 를 이용한 설치

$ adb install app/build/outputs/apk/****.apk


$adb install -r app/build/outputs/apk/****.apk

reinstall (꿀팁)


gradlew를 보면서 음 프론트엔드에서의 프로젝트 관리 툴들이 쫓아가는 매커니즘들을 이해할 수 있을 것 같다.  

저작자표시 비영리 변경금지

이거엔 몇가지 방법이 있다

예전엔 스크립트를 많이 썼었는데...

css만으로도 됨!


<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>JS Bin</title>

  <style>

    .layer {

      position: absolute;

 left: 0;

 top: 0;

 right: 0;

 bottom: 0;

 width: 150px;

 height: 150px;

 margin: auto; 

      background:red;

    }

  </style>

</head>

<body>

<div class="layer">

</div>

</body>

</html>



<!DOCTYPE html>

<html>

<head>

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

  <meta charset="utf-8">

  <title>JS Bin</title>

  <script>

    function event1() {

      alert("a");

      $("#a").prop("disabled", true);

   }

  </script>

</head>

<body>

  <button type="button" onclick="event1()" id="a">클릭행</button>

</body>

</html>


버튼 클릭한담에 바로 disable을 주면 됨

끝.






jquery ui 의 datepicker는 아주 강력하다.

창이 작을 경우엔 달력이 input위로 올라가는 배려까지!

하지만 모바일에서 사용할경우엔

달력의 위치가 고정이 되어야 한다면?!

jquery datepicker position fixed 막 이렇게 검색해봤는데 찾긴 찾았당.

뭐 잘됩니다.ㅎ 




jQuery(".datepicker" ).datepicker({

dateFormat: "yymmdd",  // 데이터 포멧 , 20120905 형식 

showOn: "button",      // 버튼클릭시 

buttonImage: "/pc/images/common/btn_cal.gif", // 클릭될 버튼의 이미지

buttonImageOnly: true, // 인풋말고 버튼을 클릭해야 달력나옴.

nextText: '',  //이전다음텍스트 없졍

prevText: '',  //이전다음텍스트 없졍

dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],  //데이터 형식 일~토로 

monthNames: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'], // 달도 한글로

monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], // 달도 한글로

beforeShow: function(input) {

   var i_offset= $(input).offset(); //클릭된 input의 위치값 체크

   setTimeout(function(){

      $('#ui-datepicker-div').css({'top':i_offset.top, 'bottom':'', 'left':'10px'});      //datepicker의 div의 포지션을 강제로 input 위치에 그리고 좌측은 모바일이여서 작기때문에 무조건 10px에 놓았다.

   })

} 

});


파이어 폭스가 이번에 업데이트 하였는데

이런기능도 있네요 ㅎ

https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View

영어이므로 패스!

그냥 해보면 되졍 ㅋㅋㅋㅋ


도구 > 웹개발도구 > 반응형 웹디자인 보기 가 있네요

더이상 창을 막 줄였다가 늘였다가 안해봐도 될듯 ㅋ

굳굳 





어도비 쉐도우

adobe shadow


일일히 실행시킬필요가 없다.

작업할때 서버 구축 안되었다고 징징될 필요도 없군하


shadow를 아이폰, 패드, 맥북에 설치

맥북에서 작업하고 보면!

폰 패드에도 같은 동일한 화면이 떠있다는 놀라운 사실!


아직 안해봤으니 해봐야겠군화


http://labs.adobe.com/technologies/shadow/

http://blogs.adobe.com/koreacsc/archives/294


밤에 갑자기 아는 실땅님이 전화주셔서 swfobject를 썼을때 remove 어떻게 하는거냐고 물어보셔서 

찾아봤다.


예전에 그냥 object/embed를 document.write해서 썼을땐 플래시 지우고 다시 로드 하는경우

예를 들면 레이어를 띄울땐 플래시 있고 닫으면 플래시도 닫히는 구조 했을땐

document.write해서 다시쓰고 dom을 날려서 플래시 지워버리는 구조였다.


swfobject는 뭔가 다르게 하지 않았을까 했는데

똑같다.

ie9에서의 오류는 있기때문에 간편하게 돔을 날리고 다시 로드하는게 맞는것같다. 


http://code.google.com/p/swfobject/wiki/api


removeSWF를 쓰려면

다시 createSWF로 써야한당

http://code.google.com/p/swfobject/wiki/api

예제 파일 : http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_create_remove.html

역시 양키들은 짱. 

http://wireframes.linowski.ca/category/samples/

괜찮다 미뎌쿼리나 이런것들이 많이 이슈가 되고 있는 지금 이렇게 먼저 손으로 그려보고 떠올리고

http://proto.io/

이것두! 

+ Recent posts

티스토리툴바