web
·⏱ 1m
CSS - z index
z-index는 html 내에서 요소들이 서로 겹쳐졌을 때 머넞 보이는 순서를 말합니다. z-index값이 클수록 위에 있습니다. 즉 커야 가장 바깥 쪽에 위치한 다는 이야기죠. 아무 값도 설정하지 않았을 때는 가장 나중에 만들어진 요소가 가장 ...
Page 2 of 2
web
·⏱ 2m
CSS - Pseudo Class
css에서 각 요소들의 property를 사용자의 동작에 따라 변하도록 할 수 있습니다. 가령 다음과 같이, 에 대해서 정의하면 요소에 마우스가 올라가면(hover), 빨간 색으로 바뀌도록 할 수 있죠. Test Example 간단하게 예제를 만...
web
·⏱ 3m
CSS - Text Alignment
CSS의 은 텍스트의 정렬 을 정의합니다. - : 왼쪽 정렬 - : 오른쪽 정렬 - : 가운데 정렬 - : 양쪽 정렬 Example - Text Alignment 예제로 만들어본 문서는 다음과 같습니다.
web
·⏱ 2m
CSS - Relative Unit
를 사용해서 요소를 해당 요소의 outer의 설정 값에 비례해서 선택하도록 할 수 있습니다. , 를 사용하면 현재 브라우저의 width, height에 따라서 해당 요소의 크기가 변하게 되죠. , 는 각각 "width, hegith 중에서 작은 ...
web
·⏱ 4m
html - Google Font 연결하기
Google - Font에 존재하는 다양한 font를 가져와서, html 문서에 적용할 수 있습니다. local computer에 font를 다운 받은 다음 적용하는 것이 아니라, 웹피이지를 열 때 직접 Google - Font에서 font를 가...
web
·⏱ 1m
html 내에 CSS 연결하기
아래와 같이, html 문서 내 태그 내에 다음 부분을 넣어줍니다. 전체 html 문서를 보면 다음과 같죠. 사실 꼭 에 들어갈 필요는 없습니다. 그냥 에 넣어도 css가 적용되기는 해요. 과 같은 폴더 내에 를 둡니다. 혹은 그냥 다음처럼 내부...
others
·⏱ 4m
javascript를 좀 파보고 있습니다.
why javascript suddenly 사실 javascript까지 해야 하나 싶기는 한데, 이유는 다음과 같아요. - 웹 프로그램을 하나 만드는 중이다. - 데이터를 긁어와서 시뮬레이션을 수행하고 시뮬레이션되는 상황을 웹에 그대로 보여주고 ...
python-libs
·⏱ 25m
flask와 pandas를 연결해봅시다.
flask와 pd.DataFrame 연동하기 저는 데이터는 일단 엑셀 파일로 들어온다고 가정합니다. 따라서 를 이용해서 엑셀을 dataframe로 변환해서 처리하는 것이 반드시 필요하죠. flask에서 dataframe를 연동하는 것에 문제가 없...
python-libs
·⏱ 7m
Flask로 html 상속 그리고 css 적용하기
intro 지난 번에는 아주 간단한 Flask 사용법을 알아보았는데, 이번에는 좀 더 복잡한 것을 알아보려고 합니다. 이 포스트의 내용을 많이 참고했습니다. html 상속하기 참고한 포스트에서는 html을 상속하는 형태로 html을 만들었습니다....
python-libs
·⏱ 6m
jupyter notebook 커스토마이징하기.
나는 갑자기 왜 jupyter notebook 설정을 바꾸었나 최근에 뭘 코딩하다 보니까, 아나콘다를 새롭게 업데이트해야 되더라구요. 몇 가지 라이브러리만 하나씩 업데이트하면 좋았을 것을, 저는 개념없이, 통째로 코딩해버렸습니다....하하하 그 ...