파일방2018. 9. 3. 17:19

이미지 선택해서 특정 영역 잘라내거나 파일로 저장하는 라이브러리


[링크 : https://html2canvas.hertzen.com/]

[링크 : https://fengyuanchen.github.io/cropperjs/]

'파일방' 카테고리의 다른 글

swagger.io  (0) 2018.09.07
차트 관련 자바스크립트  (3) 2018.09.04
무료 오프라인 지도  (4) 2018.08.31
mobaXterm  (2) 2018.08.14
UI 컨셉툴 - 발사믹  (2) 2018.08.07
Posted by 구차니

가장 만만한 예제로 하는 중

일단.. jqeury를 통해서 load하는거나 다름없긴 하지만

ajax를 통해서 페이지를 불러오는 식으로 일단은 구현



<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<link rel="stylesheet" href="css/style.css">

<script src="js/jquery-3.2.1.min.js"></script>

</head>

<body>

<div id="whole">

<div class="top" id="header"></div>

<div class="content center" id="content"></div>

</div>


<script type="text/javascript">

$(document).ready(function()

{

$.ajax(

{

url:'./pagelet/login.html',

success:function(data)

{

$('#result').append(data);

}

})

});

</script>

<div id="result">blah blah</div>

</body>

</html> 


[링크 : https://opentutorials.org/course/1375/6851]



append로 해도 내용이 없으면 티가 안나는데

내용이 하나라도 있으면 append 답게, 그 이후에 내용이 추가된다.

empty()하거나 html()로 그냥 갈아 치워버리는 것도 방법이 될 듯.


[링크 : https://stackoverflow.com/questions/1675215/ajax-replace-instead-of-append]



위의 예제에서 json까진 해야지 ajax 쓸만해질 듯..


+

ajax 함수에서 사용되는 변수(?)들 이름

type이나 url 이런게 일종의 식별자니까.. 알아두면 작업이 용이할 듯

[링크 : https://www.w3schools.com/jquery/ajax_ajax.asp]

Posted by 구차니

일단 1차!

NAS용 하드!


Blue 사려다가 현금 최저가 11.8만

카드가 13만이라 별반 차이 없어 보여서 NAS용 Red로 고고!



Posted by 구차니

결론 : 접대용으로 좋네



간만에 아내 친구분 놀러오셔서

아들딸 하나씩 있는데 얘들을 어떻게 묶어두나 걱정했는데

지인에게 빌린 닌텐도 스위치 - 마리오 카트로 커버 ㅋㅋ


일단은 아내는 행동으로 하는 게임을 원하지만

마리오 테니스는 데모버전이 없고.. ARMS 정도라도 일단 받아서 해볼까 고민중


각설하고

xbox 보다는 마리오 카트에 빠져서 게임기를 살 가능성이 생긴 상황..

Posted by 구차니

애들도 컴백

피곤한데 그래도 아내가 있고 애들이 있으니 오히려 덜 힘든 느낌 ㅠㅠ



물론 주중에 겨우겨우 정리한거 도로묵 되는데 걸리는 시간은 5분 ㅠㅠ

'개소리 왈왈 > 육아관련 주저리' 카테고리의 다른 글

육아휴직 서글프네  (4) 2018.09.10
에어컨 필터구매  (2) 2018.09.05
처갓댁 옴  (0) 2018.08.25
남양주 토이플러스 방문  (2) 2018.08.03
서지 보호기  (2) 2018.08.03
Posted by 구차니
파일방2018. 8. 31. 17:38

고객님의 요구사항에 오프라인 지도가 있어서 찾아 보는중..

근데 가능한가?


국토지리정보원에서 서비스 하는거

[링크 : http://emap.ngii.go.kr/dwldSvc/mapDwldSvcForm.do]

[링크 : http://emap.ngii.go.kr/main/goMainSub.do] 다운로드(jpg랑 pdf뿐이니 쓸모가 있으려나?)


내용은 많은데 쓸 수 있는게 있는지 모르겠다.

[링크 : http://www.builtsoft.com/오프라인-지도-만드는-방법/]

'파일방' 카테고리의 다른 글

차트 관련 자바스크립트  (3) 2018.09.04
웹에서 회면 캡쳐하기  (2) 2018.09.03
mobaXterm  (2) 2018.08.14
UI 컨셉툴 - 발사믹  (2) 2018.08.07
registry finder  (0) 2018.06.12
Posted by 구차니

먼가 말이 이상한데..

일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서

선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용


jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

attributeFilter1: An attribute filter.

attributeFilter2: Another attribute filter, reducing the selection even more

attributeFilterN: As many more attribute filters as necessary 

[링크 : https://api.jquery.com/multiple-attribute-selector/]


깔끔한 코드는 아니지만.. tab 구현하기 위해 작성한 녀석

div 태그 하위의 parent_id로 시작하는 녀석을 찾아서 class 값을 변경하기 위해 다중 속성 선택자를 사용함

$(document).ready(function(){

$('ul.tabs li').click(function(){

var tab_id = $(this).attr('id');

var parent_id = $(this).parent().attr('id');


$("li[id^="+parent_id+"]").removeClass("sel unsel");

$("li[id^="+parent_id+"]").addClass("unsel");

$(this).removeClass("unsel");

$(this).addClass("sel");

$("div[id^="+parent_id+"]").removeClass("disp non-disp");

$("div[id^="+parent_id+"]").addClass("non-disp");

$("#"+tab_id+"-view").removeClass("non-disp");

$("#"+tab_id+"-view").addClass("disp");

})

}) 



Posted by 구차니
Programming/web 관련2018. 8. 30. 16:20

일단은.. 내꺼에서는 이게 효과가 있었음

li {

height:30px;

line-height: 30px; 

}


[링크 : https://stackoverflow.com/questions/3400548/how-to-vertically-align-li-elements-in-ul]

'Programming > web 관련' 카테고리의 다른 글

sso openid oauth  (0) 2018.09.10
tinestamp(epoch) to utc / localtime  (0) 2018.09.07
user agent stylesheet  (0) 2018.08.29
div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
Posted by 구차니

네이버 지도 v3 쪽으로 setSize 메소드가 있는지 봐야 할 듯


 oMap.setSize(new nhn.api.map.Size(w, h)); 

[링크 : http://donzbox.tistory.com/548]


setSize(size)

지도 화면의 크기를 픽셀 단위로 설정합니다. 

[링크 : https://navermaps.github.io/maps.js/docs/naver.maps.Map.html#setSize]

Posted by 구차니
Programming/node.js2018. 8. 29. 19:12

v8 javascript 엔진을 기반으로 초반에는 node.js를 구현한듯?

근데 여전히.. v8 snapshot 기능은 못 찾음(arm에서 작동 안되는 이유가 얘라고..)


[링크 : https://blog.ghaiklor.com/how-nodejs-works-bfe09efc80ca]

[링크 : https://stackoverflow.com/questions/42616120/what-is-the-relationship-between-node-js-and-v8]

'Programming > node.js' 카테고리의 다른 글

node.js CORS  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
node.js odroid  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
Posted by 구차니