[.CSS] z-index element 우선순위 z-index 이녀석..css에서 position 속성을 이용하는 경우, 의도치 않게 element가 겹치는 경우가 발생할 수 있다.예를 들어 다음과 같은 경우.. ㅡㅡ 이럴 경우, z-index라는 녀석을 설정해주면 각 각의 element 들의 수직 위치를 지정하여 문제를 해결할 수 있다. z-index: 2; 와 같이 사용한다. 정수 값을 사용하며, 값이 클수록 우선순위가 높아진다. Programming$/Web Develop 2019.02.26
[.CSS] 구글 폰트 적용하기 구글 폰트 사용하기 갓글에서 폰트까지 무료로 제공한다. 주소는 https://fonts.google.com/ 홈페이지에서 적당한 폰트를 추가한 뒤, 아래와 같은 화면에서 사용할 글자체를 선택한다. 나는 css에서 사용할 것이므로 @IMPORT를 살포시 선택하여 다음과 같이 갓글님께서 선사하시는 css url을 수령하도록 한다. stylesheet 사용하는 법은 뭐 다들 편한데로 사용하겠지만 나는 style.css에 다른 css 파일들을 추가하여 사용하는 편이므로 아래와 같이 적용한다. style.css@import url('https://fonts.googleapis.com/css?family=Roboto'); @import 'test.css'; ...이런 식으로 추가해주면 된다. 다만 해당 폰트를 사용.. Programming$/Web Develop 2019.02.26
[.HTML/CSS] Font Awesome's Free CDN 사용하기 Font Awesome's Free CDN 사용하기html이 5로 업데이트 됨에 따라 예전 fontawesome에서 제공하던 4버전의 CDN을 사용할 수 없게 되었다.5 버전을 찾아보니 https://fontawesome.com/start 이거 이용하면 될 듯.stylesheetsearch iconhttps://fontawesome.com/icons?d=gallery Programming$/Web Develop 2019.02.24
[.CSS] Position: absolute, relative [.CSS] Position: absolute, relativeabsolute와 relative 사이에 헷갈리는 점이 있어서 적어본다. position: absolute는 position: relative인 parent를 기준으로 위치가 정해진다는 것에서 나에게 생긴 궁금증은 다음과 같다. grand-parent | parent | child 이렇게 있을 경우, grand-parent와 parent 모두 relative이고 child는 absolute라면 child는 과연 어떤 parent를 기준으로 삼을 것인가?위와 같은 상황에서 grand-parent는 relative이고 parent, child는 absolute라면, parent와 child 모두 grand-parent를 기준으로 삼을 것인가? 우.. Programming$/Web Develop 2019.02.24
python byte reverse하기 python 2.7 and 3.5 > import binascii > a = open('flag.png','rb') > c = a.read() > d = bytearray(c) > d.reverse() > b = open('flag_reverse.png','wb') > b.write(d) > b.close() Programming$ 2018.11.19
tensorflow 설치하기 머신러닝을 이용하여 클러스터링을 구현해보기 위해 tensorflow를 설치해보았다. 다만 기존 설치되어있는 python 3.7 에서는 tensorflow를 지원하지 않는다고 하여 python 3.5 버전을 다시 설치했다. 다음 링크에서 python 3.5 버전을 설치할 수 있다.https://www.python.org/downloads/release/python-352/ 뭐 여차저차하여 python을 설치해주고 난 뒤, virtualenv를 사용하여 새로운 환경을 구성해준다. 윈도우에서 진행하였다.> py -3 -m virtualenv tens> call tens\bin\activate> pip install tensorflow> deactivate # venv 종료 그 뒤 필요한 이런저런 패키지들을 다.. Programming$ 2018.09.19
[python] organize -1 귀도 반 로섬(Guido Van Rossum)이 개발한 프로그래밍 언어로, 인터프리터 방식으로 동작합니다. 소스 코드를 직접 실행하는 인터프리터 방식으로 동작하기 때문에 컴파일 단계를 거칠 필요가 없어, 고급 프로그램을 즉시 실행시킬 수 있습니다.파이썬은 공동 작업과 유지 보수가 매우 쉽고 편리하여 개발에 많이 활용되는 언어입니다. 파이썬의 특징으로는 우선 인간다운 언어라는 점이 있습니다. 또한, 파이썬은 문법이 쉬워 빠르게 배울 수 있습니다. 무료지만 강력하다는 장점도 있습니다. 사용료 걱정없이 언제 어디서나 사용할 수 있고, C와의 호환성도 매우 좋습니다. 파이썬은 매우 간결하기도 합니다. 간결하여 개발 속도도 매우 빠릅니다. 단, 줄을 맞춰서 사용해야 한다는 주의점이 있습니다. 파이썬으로는 매우 다.. Programming$ 2018.06.18
Mathlab 사용 >>% 는 주석. >> 어쩌구 ... 아래에 계속진행하기. >>clc 화면이 지워짐. cmd나 terminal의 clean과 같음. >>clear a 메모리에 할당된 a에 관한 데이터 지우기. >>format long전체 수의 형태를 long 형태로 바꿈. 자매품으로 format short 가 있음. >>nthroot(x,n)x^(1/n) 과 같음. >>exp(x) e^x 과 같음. >>abs(x)절댓값 |x| 와 같음. >>log(x)e에대한 log(x) 값임. >>log10(x)10에대한 log(x) 값임. >>factorial(x)x! 과 같음. >>sin(x) x에는 radian 값이 들어감. ex) sin(pi/180*30) = 0.5>>sind(x) anglex에는 angle 값이 들어감.ex.. Programming$ 2018.05.21
티스토리 사이드 바에 검색 창 추가하기 글을 점점 쓰면서, 글의 카테고리나 페이지가 늘어나기 시작했습니다 :D 그런데 그렇게 늘어난 글이나 카테고리같은 것들을 까먹는 일들 덕분에, 가끔 제가 썻던 글을 다시 찾는데 시간이 들기 시작했습니다..(허허..)제가 잘 사용하고 있는 스킨에는 아쉽게도 검색 기능이 없어서, 직접 검색 기능을 추가해보기로 했습니다. Html만 살짝 겉핥기로 해보았지만, 구글신만 믿으면 어떻게든 될 것 같습니다.이것저것 뒤적거리고 난 후에, 다음과 같은 코드를 짜봤습니다.12345678 Colored by Color Scriptercs검색 창 기능에 대한 코드는 다음 블로그를 참고했습니다. http://gskool.tistory.com/84 정말 정리를 잘 해놓으셔서 자주 방문하면 좋을 것 같습니다.이 코드를 검색 창을 만.. Programming$/Web Develop 2018.01.14