Nayha

객체만 만들어 쿼리는 내가 날릴텡께잉~

스프링 하이버네이트 랑 비슷함 orm 이라는게 다똑같나..

객체만 생성해 주고 알맞은 메서드 호출하여 주면 쿼리 작성은 필요없는 개발

웹 개발은 꽃은 쿼리지만 

쿼리 까지 데이터 전달 개~구찮

easy 하게 처리 하네요~ 허허허~

쉘에서 모델 콜~ 

>>> from blog.models import Post

 아래 처럼 하면 select 쿼리가 날라감

>>> Post.objects.all()
<QuerySet [<Post: my post title>, <Post: another post title>]>

실제 쿼리 확인 방법

from django.db import connection

connection.queries 

실행하면 쿼리가 짜잔 ㅋㅋㅋ

호스팅 외부 포트 개방..

작업 폴더 생성

.mkdir django

Django 설치

pip install Django

데이터베이스 마이그레이션

./manage.py makemigrations
./manage.py migrate

그리고 마지막으로 중요한게..

외부접속이 허용 될려면 아래 처림 0.0.0.0:8000 이걸 꼭 붙여야함 

테스트 서버 구동

./manage.py runserver 0.0.0.0:8000

참고 블로그

아오 자자 피건

2017-11-26 

어쩌다 파이썬 소스를 보게 되었는데 흥미로운 감정이 생겨 공부하기 시작 

파이썬 다운로드 (윈도우)

https://www.python.org/downloads/windows/

파이썬 설치 확인 및 장고 프로젝트 폴더 생성

python --version

mkdir django

pip install django

. 꼭 !!!!! 

 django-admin.py startproject mysite .

프로젝트 폴더 생성 확인

settings.py 파일 수정

#TIME_ZONE = 'UTC'
TIME_ZONE = 'Asia/Seoul'

#ADD
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

python manage.py migrate 

블로그에 데이터베이스를 생성하기 위해서 콘솔 창에서 아래 코드를 실행하세요. : python manage.py migrate 

(이 명령을 실행하기 위해서는 django디렉터리  manage.py가 필요합니다)

잘 작동되면, 아래와 같은 내용이 나옵니다.

다 왔다 ㅎㅎ 서버 실행 하여 본다

python manage.py runserver

크크

이제 소스를 좀 만져보자 

문자 요구사항 처리

var test = "10/3";

var lastTxt     =   test.charAt(test.length -1 );               //마지막 문자

var sliceTxt    =   test.slice(0,-1);                               //마지막 문자 제외 가져옴

var sliceInTxt  =   test.substring(0,test.indexOf("/")+1);                  //특정 문자 이전 문자 가져오기  예) 10/3 에서 10/ 여기 까지만

var sliceLastTxt =  test.substring(test.indexOf("/")+1 ,test.length)    //특정 문자 이후 예) 10/3 에서 3 

charAt         : 한개만

Slice            : 영역 제외 잘라내기

substring      : 영역 지정아여 

indexOf        : 특정문자 검색

크롬에서 F12 누르면 보임

Sources > Event Listener Breakpoint  > Mouse > click 이벤트 모두 

소스 옆에 숫자 클릭으로 Break 잡을 수 있음

F8 이나 한단계식 승인 가능

Watch 로 변수 타입 확인가능

아래 Console로 변경해서 실행 가능

Sources 수정 후 Ctrl + s 눌러 임시 저장 실행 가능

아래쪽 링크 참고 

https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=ko

액셀 데이터 특정 필드 추출

액셀 데이터 추출해서 스크립트로 가져오는 부분은 생략... 

가져와서 추출하는 부분만 정리!!

특정 데이터 타입만 추출하여야 한다

데이터 타입 별  CO2 컬럼에  VALUE 값을 추출해야 한다

첫번째 필드에 추출 타입이 명칭이 들어 있고 

그 이후 공백

다른 데이터 타입이 들어오고 ..

다시 공백..

으아 말로 하니까 엄청 힘드네요 ㅎㅎ

COL0 | COL1 |  COL2 | 

--------------------------------------------------------------------------------

DATA_TYPE | CODE | VALUE |

DATA1   | CD100 | 11 |

 |   | CD200 | 22 | 

 |   | CD300 | 22 | 

 |   | CD400 | 22 | 

DATA2   | CD100 | 11 |

 |   | CD200 | 22 | 

 |   | CD300 | 22 | 

 |   | CD400 | 22 | 

 .. 위 형식에 Excel 형태이다..

 데이터 타입에 공백말고 쭉~~ 넣어주면 개발이 편한데 ...바꿀 수가 없으니 

 스크립트로 삽질 시작..

데이터 타입 배열 변수 초기화

var  DATA1 = new Array;

var  DATA2 = new Array;

데이터 타입 전역 변수 초기화

var EXCEL_DATANAME ="";

가져온 액셀 리스트 루프

for (var i = 0;  i < Excellist.length;  i++) {

var data_type = $.trim(Excellist[i]["COL0"]);  //전체 데이터 타입

if( data_type == "" ){ //공백이면

if(EXCEL_DATANAME =='DATA1'){

DATA1.push($.trim(datalist[i]["COL2"]));

}

}else{ //공백이 아니면

EXCEL_DATANAME = data_type;  // 데이터 타입이름 저장

if(data_type == 'DATA1'){

DATA1.push($.trim(datalist[i]["COL2"]));

}

}

}

//만들어진 배열 확인

console.log("배열  DATA1 " , DATA1);

만들고 보니 간단한데..

머리가 나쁜지.. 삽질.. 실제데이터는 좀 더 복잡하긴 하지만... 

특이하게  아래코드가 배열 푸시가 안됨

ex) data_type.push($.trim(datalist[i]["COL2"]));

변수이름이.push 방법 찾아보다 포기...

해당 부분만 되었어도 코드가 깔금하고 여러 데이터 타입을 추려낼때도 노가다 코드가 필요없을것 같다.

오늘의 삽질기 종료

스크립트 object 를 출력 할 간단한 뭐 없을까~ 찾아보다

콘솔에 뿌리고 싶은 오브젝트를 

console.log(JSON.stringify(obj));

해주면 됩니다.. 캐간단~!!!

value below was evaluated just now ...

참고 사이트 :

https://stackoverflow.com/questions/44362783/value-below-was-evaluated-just-now-in-javascript-object

$(document).ready(function(){

 //기준 날짜 셋팅 yyyyMMDD 형식으로 셋팅

var settingDate = new Date();

settingDate.setDate(settingDate.getDate()); //오늘

//console.log( dateToYYYYMMDD(settingDate) );

var Today = dateToYYYYMMDD(settingDate);

settingDate.setMonth(settingDate.getMonth()-1); //1달 전

//console.log( dateToYYYYMMDD(settingDate) );

var oneMonth = dateToYYYYMMDD(settingDate);

settingDate.setMonth(settingDate.getMonth()-3); //3달 전

//console.log( dateToYYYYMMDD(settingDate) );

var threeMonth = dateToYYYYMMDD(settingDate);

settingDate.setMonth(settingDate.getMonth()-6); //6달 전

//console.log( dateToYYYYMMDD(settingDate) );

var sixMonth = dateToYYYYMMDD(settingDate);

//기간조회 클릭할때 이벤트..

$('.select_wrap li').click( function(){

  var index = $("li").index(this);

   //li 4번째가 1달

 switch (index) { 

case 4: 

 settingDate.setMonth(settingDate.getMonth()-1); 

$('.icon_sort').text( oneMonth +"-"+ Today );

$("#start_date").val(oneMonth ); 

      $("#end_date").val(Today );

break;

case 5: 

$('.icon_sort').text( threeMonth +"-"+ Today );

$("#start_date").val(threeMonth ); 

      $("#end_date").val(Today );

break;

case 6: 

$('.icon_sort').text( sixMonth +"-"+ Today );

$("#start_date").val(sixMonth ); 

      $("#end_date").val(Today );

break;

default:

$('.icon_sort').text( oneMonth +"-"+ Today );

$("#start_date").val(oneMonth ); 

      $("#end_date").val(Today );

//alert('Nobody Wins!');

}   

}); //기간조회 클릭할때 이벤트..END

});

function dateToYYYYMMDD(date){

   function pad(num) {

       num = num + '';

       return num.length < 2 ? '0' + num : num;

   }

   return date.getFullYear() + '-' + pad(date.getMonth()+1) + '-' + pad(date.getDate());

}

Json 형태로 변환

차트 라이브러리 구현 참조