본문 바로가기
  • 紹睿: 자유롭고 더불어 사는 가치있는 삶

분류 전체보기193

[스킨만들기] 4) 새로운 메뉴모양 세부 메뉴는 마우스를 가져가면, 띠용 하고 나옴 ㅎ.ㅎ 1. skin.html | TODAY: | YESTERDAY: | TOTAL: | 최신 댓글 2. css 2-1) 기본 색 설정 /* 이름, 날짜, (0) 색 설정 */ .name { color: #6E7783; } .date { color: #77AAAD; } .cnt { color: #9DC3C1; } /* count 색 */ .today{ color: #954F4F; } .yesterday{ color: #D2B29B; } .total{ color: #888689; } 2-2) 카테고리 설정 .category { margin-top: 1em; min-width: 1200px; text-align: left; margin-left:10%; bac.. 2018. 7. 9.
[데이터 분석] python을 활용한 데이터 분석 (2) - ipyhon ipython에 대하여 살펴 보기 mac의 경우, 작업을 할 폴더로 이동 후 아래와 같이 실행해주면된다. 1 jupyter notebook cs 실행하면, 웹브라우져가 뜨고 새로운 파일을 하나 만들어 주면 끝. In [1]: import numpy as np from numpy.random import randn In [2]: data = {i:randn() for i in range(7)} data Out[2]: {0: 1.402129791256454, 1: -0.5401556293704064, 2: -0.29486216075501115, 3: 1.1642281840557518, 4: -2.094833336203848, 5: -1.9576522024426697, 6: 0.44024554175567876.. 2018. 7. 8.
[데이터 분석] python을 활용한 데이터 분석(1) - 패키지 설치 패키지 설치앞서 얘기했던 패키지들을 설치해 보자개별적 설치1. ipython(http://www,ipython.org)2. numpy(http://www.numpy.org)3. pandas(http://pandas.pydata.org)4. matplotlib(http://matplotlib.org) 통합 설치1. Enthough Canopy: community commercialhttps://store.enthought.com2. Python(x, y)https://code.google.com/p/pythonxy3. Anaconda를 통한 설치http://store.continuum.io/cshop/anaconda 개별적으로 따로따로 설치해도 상관없고, 통합설치를 통해서 한번에 해도 상관없다.(설치 할때.. 2018. 7. 8.
[데이터 분석] python을 활용한 데이터 분석 (1) - 패키지 소개 Python을 활용한 데이터 분석(1) - 패키지 소개 - 데이터분석용 주요 패키지1) numpy: 수치, 통계, 선형대수2) mayplotlib3) scipy4) pandas: array를 이용한 다차원의 data structure .. 1. Numpy수치 데이터 처리 기능을 확장arrayasarrayarangeones, ones_likezeros, zeros_like, empty, empty_likeeye, identity universal functions- 일종의 vectorized wrapper1) abs, fabs2) sqrt3) square4) exp : 자연 지수5) log, log10, log2, log1p6) sign7) ceil8) floor9) rint10) modf... 등등 2... 2018. 7. 8.
[스킨만들기] 3) 사이드 메뉴 만드는중 3. 사이드 메뉴 만들기 계속해서 디자인을 수정해가고있다. 대충 지금 그림은 이런식으로 되었고, skin.html CATEGORY 을 사용하면, list형식으로 나오고 를 이용하면, 폴더 형식으로 나오는데, 리스트가 더 마음에 든다. skin.css #sidebar .category ul{ margin: 0; padding:0; text-align: left;} #sidebar .category ul li{ list-style: none; } #sidebar .category ul li a{ text-decoration: none;} 이렇게 설정하면, 1) 왼쪽에 쫮 붙음 2,3) 일단 앞에 붙는 li 모양이나, a아래 밑줄이 사라진다. #sidebar .link_tit { font-size: 18px;.. 2018. 7. 3.
[스킨만들기] 2) 반응형 웹 반응형 웹에 대하여 알아보자원래는 기존의 ,tistory에 있는 스킨을 뜯어 고쳐 사용할 예정이었고, 사실 만들었었다. 근데! 반응형 웹이 아닌거임...ㅂㄷㅂㄷ 반응형의 반짜도 모르기 때문에 반응형웹에 대하여 어느정도 공부해가면서 만들어갈 예정이다.참조: https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=ko meta viewport 태그를 사용하여 브라우저 뷰포트의 너비와 배율을 제어한다.기기 독립적 픽셀화면 너비에 맞추려면 width= device-width를 포함한다기기 독립적 픽셀과 css 픽셀간에 1:1관계를 설정하려면 initial-sacle=1을 포함한다. 모바일 브라우저는 데스크톱 화면 너비에서 웹페이지를.. 2018. 7. 2.