2. Applications 폴더로 압축파일 이동
3.터미널에서 root 로 이동한후 sudo mkdir -p /data/db 실행
4. sudo chown -R $USER /data/db 실행
5. path 지정
터미널에서 ~ 로 이동후 open -e .bash_profile 실행후 mongodb bin 폴더 경로 추가
6. 터미널에서 mongod 실행
tableToExcel (0) | 2017.08.18 |
---|---|
promise (0) | 2017.03.12 |
DOM (0) | 2012.02.17 |
var 키워드와 영역 (0) | 2012.02.07 |
함수는 개체의 속성으로 사용가능 (0) | 2011.11.25 |
프로젝트 생성 (0) | 2017.06.05 |
---|---|
Sass & Compass 설치 (0) | 2012.04.14 |
json (0) | 2012.02.21 |
jsonp (0) | 2012.02.21 |
이미지에 클릭이벤트 등록 (0) | 2012.02.16 |
listvie refresh (0) | 2012.02.01 |
---|---|
scroll (0) | 2012.02.01 |
tmpl (0) | 2012.02.01 |
setting (0) | 2012.02.01 |
/*
Step 01
- 메인 패널 생성하기.
Ext.Ajax.request()
- url : 서버 URL
- success: Ajax통신이 성공했을때
- failure : Ajax통신이 실패했을대
- callback : 실패/성공과 상관없이 Ajax통신이 끝났을때.
- method : HTTP Method (POST,GET을 주로 사용);
- params, jsonData, xmlData
- 먼저 검색방식은 크게 id, css selector로 나뉨
- id 파라메터를 가지고 검색하는 함수들
fly(), get()
- css selector로
select(), query() 등등..
- 결과값역시 dom node, Ext element로 나눔.
즉, 원하는게 dom node인지 Ext Element인지 판단 후 관련있는 메소드를 호출 하면 됨.
- 리턴값이 dom node인 경우
query() . . .
- element인 경우
fly(), select() ...
*/
Ext.setup({
onReady: function()
{
objPanel=new Ext.Panel({
fullscreen:true,
scroll: 'vertical',
dockedItems:[{
dock:"top",
xtype:"toolbar",
title:"ajax test",
items:[{
text:"load",
handler:function(){
sendData();
}
}]
}]
});
}
});
function sendData()
{
objPanel.setLoading(true);
Ext.Ajax.request({
url: 'menulist.json',
method:"POST",
success: function(response, opts) {
objPanel.update(response.responseText);
// XML 파싱
parseData(response.responseText);
},
failure: function(response, opts) {
console.log("failure ", response.status);
},
callback:function(opts,isSuccess,response){
console.log("callback ", opts, isSuccess, response);
objPanel.setLoading(false);
}
});
}
//7. 데이터 처리.
function parseData(strInfo)
{
// js DOM 방식.
var objJSON = eval("("+strInfo+")");
console.log(objJSON);
console.log("메뉴 개수는? ", objJSON.menu_list.length);
//sencha 방식.
var objJSON2 =Ext.util.JSON.decode(strInfo)
console.log("메뉴 개수는? ", objJSON2.menu_list.length);
}
------------------------------------ menulist.json -------------------------------------------
{"menu_list":[
{"id":"id_0","out":"images\/menu_1.png","over":"images\/menu_1over.png"},
{"id":"id_1","out":"images\/menu_2.png","over":"images\/menu_2over.png"},
{"id":"id_2","out":"images\/menu_3.png","over":"images\/menu_3over.png"},
{"id":"id_3","out":"images\/menu_4.png","over":"images\/menu_4over.png"},
{"id":"id_4","out":"images\/menu_5.png","over":"images\/menu_5over.png"},
{"id":"id_5","out":"images\/menu_6.png","over":"images\/menu_6over.png"},
{"id":"id_6","out":"images\/menu_7.png","over":"images\/menu_7over.png"},
{"id":"id_7","out":"images\/menu_8.png","over":"images\/menu_8over.png"},
{"id":"id_8","out":"images\/menu_9.png","over":"images\/menu_9over.png"},
{"id":"id_9","out":"images\/menu_10.png","over":"images\/menu_10over.png"}
],
"success":"true"}
Sass & Compass 설치 (0) | 2012.04.14 |
---|---|
sencha touch codeset (0) | 2012.02.28 |
jsonp (0) | 2012.02.21 |
이미지에 클릭이벤트 등록 (0) | 2012.02.16 |
Ext.Component의 스타일 관련 프로퍼티, 메서드 (0) | 2012.02.14 |
/*
Step 01
- 메인 패널 생성하기.
Ext.Ajax.request()
- url : 서버 URL
- success: Ajax통신이 성공했을때
- failure : Ajax통신이 실패했을대
- callback : 실패/성공과 상관없이 Ajax통신이 끝났을때.
- method : HTTP Method (POST,GET을 주로 사용);
- params, jsonData, xmlData
*/
Ext.setup({
onReady: function()
{
objPanel=new Ext.Panel({
fullscreen:true,
scroll: 'vertical',
dockedItems:[{
dock:"top",
xtype:"toolbar",
title:"ajax test",
items:[{
text:"load",
handler:function(){
sendData();
}
}]
}]
});
}
});
function sendData()
{
var objData = {"data1":"data__1", "data2":"data___2"};
objPanel.setLoading(true);
Ext.util.JSONP.request({
url: 'http://www.google.com',
params:objData,
method:"GET",
callbackKey:"callback",
failure: function(response, opts) {
console.log("failure ", response.status);
},
callback:function(opts,isSuccess,response){
console.log("callback ", opts, isSuccess, response);
objPanel.setLoading(false);
objPanel.update(opts);
// CSV 파싱
parseData(opts);
}
});
}
//7. 데이터 처리.
function parseData(strText)
{
console.log("strText", strText);
}
-------------------------------------- server -----------------------------------------------
<?php
$data1 = $_GET["data1"];
$data2 =$_GET["data2"];
$callback = $_GET["callback"];
$strResult = "{";
$strResult .='"id":"'.$data1.'",';
$strResult .='"pw":"'.$data2.'"';
$strResult .="}";
$response = $callback."('".$strResult."')";
echo $response;
?>
sencha touch codeset (0) | 2012.02.28 |
---|---|
json (0) | 2012.02.21 |
이미지에 클릭이벤트 등록 (0) | 2012.02.16 |
Ext.Component의 스타일 관련 프로퍼티, 메서드 (0) | 2012.02.14 |
class (0) | 2012.02.14 |
width:100%;
text-overflow: ellipsis;
overflow:hidden;
text-align:center;
box group (0) | 2012.02.20 |
---|---|
Box vertical reverse (0) | 2012.02.20 |
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css3</title>
<!--
HTML 수정없이
1 2 3 4 위치를 2 1 4 3 으로 출력되게 하고 싶을때
-->
<style type="text/css">
body{
font-size:60px;
}
#container
{
width: 100%;
display:-webkit-box;
-webkit-box-orient:horizontal;
}
#box1
{
width:200px;
background:#ff0000;
min-height:100px;
-webkit-box-ordinal-group:2;
}
#box2
{
width:200px;
background:#999;
min-height:100px;
-webkit-box-ordinal-group:1;
}
#box3
{
width:150px;
background:#000000;
min-height:100px;
color:#ffffff;
-webkit-box-ordinal-group:4;
}
#box4
{
width:150px;
background:#0000ff;
min-height:100px;
color:#ffffff;
-webkit-box-ordinal-group:3;
}
</style>
</head>
<body>
<div id="container">
<div id="box1">
1
</div>
<div id="box2">
2
</div>
<div id="box3">
3
</div>
<div id="box4">
4
</div>
</div>
</body>
</html>
자동으로 글자 줄이기 (0) | 2012.02.20 |
---|---|
Box vertical reverse (0) | 2012.02.20 |
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css3</title>
<!--
- 세로로 출력하기 단, 역방향으로 출력하기.
-->
<style type="text/css">
body{
font-size:60px;
}
#container
{
width: 100%;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
}
#box1
{
width:200px;
background:#ff0000;
min-height:100px;
}
#box2
{
width:200px;
background:#999;
min-height:100px;
}
#box3
{
width:150px;
background:#000000;
min-height:100px;
color:#ffffff;
}
#box4
{
width:150px;
background:#0000ff;
min-height:100px;
color:#ffffff;
}
</style>
</head>
<body>
<div id="container">
<div id="box1">
1
</div>
<div id="box2">
2
</div>
<div id="box3">
3
</div>
<div id="box4">
4
</div>
</div>
</body>
</html>
자동으로 글자 줄이기 (0) | 2012.02.20 |
---|---|
box group (0) | 2012.02.20 |
promise (0) | 2017.03.12 |
---|---|
json data roop (0) | 2012.02.29 |
var 키워드와 영역 (0) | 2012.02.07 |
함수는 개체의 속성으로 사용가능 (0) | 2011.11.25 |
배열에 함수를 담아서 사용가능 (0) | 2011.11.25 |
-------------------- html ------------------------------ <div class="x-hidden-display" id="main_menu">
<ul>
<li data-panel="intro_panel">
<img src="../images/sushi_icons/Sushi01.png"><span>회사소개</span
> </li> <li data-panel="gallary_panel">
<img src="../images/sushi_icons/Sushi02.png"><span>갤러리</span
> </li>
</ul>
</div>
-------------------- js ------------------------------
render:function(){
Ext.select("#main_menu ul li").addListener("click",function(){
var viewID = this.getAttribute("data-panel");
mainPanel.setActiveItem(viewID,{
type: 'slide',
direction: 'left',
duration: 300
});
});
}
}
style,
styleHtmlCls
styleHtmlContent
bodyStyle
스타일 메서드
- 추가하기 : addCls()
- 삭제하기 : removeCls()jsonp (0) | 2012.02.21 |
---|---|
이미지에 클릭이벤트 등록 (0) | 2012.02.16 |
class (0) | 2012.02.14 |
위치및 크기 (0) | 2012.02.14 |
Panel refresh (0) | 2012.02.14 |
baseCls :
- 컴포넌트의 기본 클래스
- 기본 baseCls 패널인 경우 x-panel, body는 x-panel-body
- 예) baseCls:test인 경우, test, body는 test-body
componentCls
- 컴포넌트에 스타일 추가할때
cls
- 컴포넌트 스타일을 커스터마이징 할때
이미지에 클릭이벤트 등록 (0) | 2012.02.16 |
---|---|
Ext.Component의 스타일 관련 프로퍼티, 메서드 (0) | 2012.02.14 |
위치및 크기 (0) | 2012.02.14 |
Panel refresh (0) | 2012.02.14 |
자식노드 접근하기. (0) | 2012.02.14 |
위치및 크기 변경.
- 크기 변경 : seWidth(), setHeight(), setSize()
- 위치 변경 : setPosition();
위치및 크기 얻기
- 크기 값 : getWidth(), getHeight(), getSize()
- 위치 값 : 기본적으로 제공하지 않음, 이를 위해서는 Element 기능을 사용해야 함.
Ext.Component의 스타일 관련 프로퍼티, 메서드 (0) | 2012.02.14 |
---|---|
class (0) | 2012.02.14 |
Panel refresh (0) | 2012.02.14 |
자식노드 접근하기. (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
panel.doLayout();
class (0) | 2012.02.14 |
---|---|
위치및 크기 (0) | 2012.02.14 |
자식노드 접근하기. (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
자신의 부모호출 ownerCt (0) | 2012.02.14 |
// 자식컴포넌트 전체 갯수.
panel.items.getCount()
panel.items.length
// each를 이용해서 모든 자식노드 접근하기.
panel.items.each(function(item, index, length){
console.log(" index =",index+", id="+item.id);
});
// 첫번째
panel.items.first().id
// 마지막번째
panel.items.last().id
// N번째
panel.items.getAt(1).id
panel.items.items[1].id
위치및 크기 (0) | 2012.02.14 |
---|---|
Panel refresh (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
자신의 부모호출 ownerCt (0) | 2012.02.14 |
나만의 버튼 등록 (0) | 2012.02.14 |
해당 container에서만, panel.items.map[strQueryID]
전체에서, Ext.getCmp(strQueryID)
해당 container에서만, panel.child("#"+strQueryID)
해당 container에서만, panel.getComponent(strQueryID)
Panel refresh (0) | 2012.02.14 |
---|---|
자식노드 접근하기. (0) | 2012.02.14 |
자신의 부모호출 ownerCt (0) | 2012.02.14 |
나만의 버튼 등록 (0) | 2012.02.14 |
폰에서 브라우저 metatag (0) | 2012.02.07 |
handler:function(target){
target.ownerCt.remove(target);
}
Panel refresh (0) | 2012.02.14 |
---|---|
자식노드 접근하기. (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
나만의 버튼 등록 (0) | 2012.02.14 |
폰에서 브라우저 metatag (0) | 2012.02.07 |
var DButton = Ext.extend(Ext.Button,{
text:"button"
});
var dButton = new DButton();
Ext.reg("dButton",DButton);
Panel refresh (0) | 2012.02.14 |
---|---|
자식노드 접근하기. (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
자신의 부모호출 ownerCt (0) | 2012.02.14 |
폰에서 브라우저 metatag (0) | 2012.02.07 |
json data roop (0) | 2012.02.29 |
---|---|
DOM (0) | 2012.02.17 |
함수는 개체의 속성으로 사용가능 (0) | 2011.11.25 |
배열에 함수를 담아서 사용가능 (0) | 2011.11.25 |
클래스 생성 (0) | 2011.11.25 |
Panel refresh (0) | 2012.02.14 |
---|---|
자식노드 접근하기. (0) | 2012.02.14 |
자식객체로 추가된 특정 컴포넌트 찾기. (0) | 2012.02.14 |
자신의 부모호출 ownerCt (0) | 2012.02.14 |
나만의 버튼 등록 (0) | 2012.02.14 |
make 유틸리티는 컴파일 명령어 처리를 쉽게 해줌
>configure
Makefile(컴파일 옵션이 설정되는 화일)이 만들어 짐.
소스를 컴파일하는 컴퓨터의 사양에 맞는 환경에 알맞는 Makefile 이 생성
>make
소스코드를 실제로 컴파일해서 binary 파일을 생성
> make install
만들어진 binary 파일을 지정된 디렉토리로 이동
[출처] [MAC] path 설정...|작성자ㅇ 수코양이
앱종료시 저장 SharedPreferences (0) | 2017.02.12 |
---|---|
단축키 (0) | 2017.02.05 |
map api key (0) | 2011.02.05 |
http://maps.google.co.kr/ 현재위치 (0) | 2011.02.05 |
Android_exam (0) | 2010.10.21 |
JSON.stringify(value null , '\n');
each completed (0) | 2017.08.03 |
---|---|
jQuery Ajax로 ASP.NET과 연동하는 방법 (0) | 2011.11.25 |
드롭다운리스트의 텍스트와 값 가져오기 (0) | 2011.11.25 |
split 이렇게도 쓰넹 (0) | 2011.11.25 |
체크박스 전체선택 및 해제 (0) | 2011.11.25 |