해당 div에 아래 항목을 추가


transform: translate(-50%, -50%);

[도서]고성능 파이썬

미샤 고렐릭,이안 오스발트 공저/김영근,오현석 공역
한빛미디어 | 2016년 08월

내용 편집/구성 구매하기

파이썬은 정말 느린가와 개선방법은? 이라는 질문을 했을때 어느정도의 답을 찾을수 있는 책인거 같습니다. 

저는 아직 파이썬을 현업에서 기본적인 시스템 프로그래밍 용도로만 사용하고 있기때문에 책안에 처음보는 파이썬 함수들을 알게되는 좋은 기회였습니다.  
내장 함수들에 대한 부차적인 설명이 없기때문에 저같이 초급 파이썬 프로그래머분들은 중간중간 검색을 하셔서 함수들의 동작방법들을 학습하셔야 예제 코드들을 이해 할수 있으리라 생각됩니다. 
중간중간 전혀 생소한 라이브러리들도 사용되는데 이부분은 일단 기억만 해두고 나중에  비슷한 문제를 해결할때 다시 참조하는 식으로 책을 봐야 좋은거 같습니다. 

예제파일들이 수학적인 계산으로 예제를 들었기때문에 처음에는 어리둥절할수 있습니다. 예제코드는 성능향상 현상을 보여주기위해 연산이 많은 작업을 임의로 만들었다 생각하시고 각각의 파일들의 출력을 어떻게 하는지 집중해서 보았습니다. 각각의 프로젝트마다 성능 병목 현상은 코드마다 다르므로 예제 코드와 같은 현상이 나리라는 보장은 없다고 생각합니다. 전체적인 그림을 잡고 나중에 어떻게 해결할까에 대한 참조가 되는거 같습니다. 

현재 일하는 환경에서 성능에 크게 좌지우지 되는 작업이 없어서 실제 적용하는 기회는 아직 없지만 나중에 파이썬의 생산성과 코드베이스를 유지하면서 코드의 속도를 업그레이드 싶을때 다시 참조할만한 책이라고 생각합니다. 

결론: 파이썬 초심자라면 이책은 아직 배울게 많지 않은 책이라고 생각합니다. 사실 중/고급자가 되어도 작업하고 있는 프로젝트에서 파이썬에 의한 성능 병목현상이 발생하지 않은 이상 이책을 볼일은 없지 않을까하는 사견을 덧붙입니다. 보통 성능이 필요한 곳은 책에서도 언급되어있다시피 C/C++ 로 해결하는 편인데 파이썬 코드베이스가 헤비한 환경이면 이 책을 고려해보면 아주 좋을거 같습니다. 

* 주의: windows 에서 예제를 실행하다보면 몇몇 패키지가 설치되지 않아서 (cython, scipy.. ) 갑작스런 삽질을 경험할수 있습니다. anaconda로 처음부터 설치하면 깔끔하게 해결됩니다. 


HTML에서 이미지 버튼을 수동으로 삽입하는 방법을 알아보겠습니다. CSS의 background-image 속성을 활용하여 버튼에 이미지를 추가할 수 있습니다.

 

예제 코드

 

HTML

1
<input type="button" value="Add a new row" class="button-add" />
cs

 

CSS

1
2
3
4
5
6
7
8
9
10
11
input.button-add {
    background-image: url(/images/buttons/add.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
cs

 

 

설명

background-image: 버튼의 배경에 이미지를 삽입합니다.

background-color: 버튼 배경색을 투명하게 만들어 이미지가 선명하게 보이도록 합니다.

background-repeat: 배경 이미지가 반복되지 않도록 설정하여 이미지를 한 번만 표시합니다.

background-position: 배경 이미지의 위치를 조정합니다. 0 0은 좌상단을 의미합니다.

border: 버튼의 기본 테두리를 제거하여 깔끔한 디자인을 만듭니다.

cursor: 마우스 오버 시 포인터 커서로 변경하여 클릭 가능한 요소임을 나타냅니다.

height: 버튼의 높이를 이미지의 높이와 일치시켜 일관성을 유지합니다.

padding-left: 이미지와 텍스트 사이에 간격을 두어 가독성을 높입니다.

vertical-align: 텍스트를 수직으로 중앙 정렬하여 버튼 내부의 요소들이 균형 있게 배치되도록 합니다

 

추가 팁

 

이미지 크기 조정: 이미지의 크기에 맞게 heightpadding-left 값을 조정해야 합니다.

반응형 디자인: 다양한 화면 크기에 대응하려면 미디어 쿼리를 사용하여 스타일을 조정할 수 있습니다.

접근성 고려: aria-label 등을 사용하여 스크린 리더 사용자에게도 버튼의 기능을 명확히 전달합니다.

 

 

참고 자료

 

Stack Overflow: HTML/CSS - How to add image/icon to input type=“button”?

http://stackoverflow.com/questions/2920076/html-css-how-to-add-image-icon-to-input-type-button

Windows 기준:

1. 고 홈페이지 에 접속

https://golang.org/dl/에 가서 최신버전 MSI 설치파일 다운로드

2. GO의 경우 GOPATH라는 workspace 를 따로 설정해줘야 하므로 환경변수 설정을 해준다

 

 

Mac 기준:

1. Homebrew 사용시 

brew install go

# Gopath 설정
export GOPATH="의존성폴더위치"

 

참조자료:

https://golang.org/doc/install

Cordova로 갑작스럽게 Build 에러가 나서 원인을 찾지 못한채 삽질을 해보다가 검색을 해보니


Resource 파일명이 아스키코드가 아니면 나는 에러이다. 그림파일중 일부가 한글파일인 상태로 그대로이기때문에 일어나는 문제였다.



Error: cmd: Command failed with exit code 1 Error output:

FAILURE: Build failed with an exception.


* What went wrong:

Execution failed for task ':processDebugResources'.

> com.android.ide.common.process.ProcessException: org.gradle.process.internal.ExecException: Process 'command 'C:\andsdk\build-tools\24.0.1\aapt.exe'' finished with non-zero exit value 1


* Try:

Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.


파일명을 한글에서 영문으로 바꾸어주니 잘해결되었다. 


참고: 

http://stackoverflow.com/questions/38690348/ionic-build-failed-find-the-line-where-the-error-occurs

+ Recent posts