본문 바로가기
HTML 공부하기 : Google 폰트 사용하기 폰트를 사용할 때 설치되어 있는 폰트만 사용하면 제한적이고 페이지가 지루해보일 수도 있다. 그렇기 때문에 인터넷에 있는 폰트를 사용해보려한다. 대표적으로 Google 폰트가 있다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com Google font 적용하기 구글에서 제공하는 폰트가 엄청나게 많다. 이중에 마음에 드는 폰트가 있다면 옆에 + 버튼을 누르면 된다. 1.가장 이뻐보이는 Lacquer 와 Yeon Sung 폰트를 선택했다. * 선택하면 아래 2Families Selected 라고 보인다. 2. Families Sele.. 2020. 2. 25.
HTML 공부하기 : 텍스트 스타일링(text-align, text-decoration, 폰트크기) text-align 속성 텍스트를 왼쪽, 오른쪽, 가운데로 정렬 text-align : left; 텍스트를 왼쪽 정렬 text-align : center; 텍스트 가운데 정렬 text-align : right; 텍스트 오른쪽 정렬 Text-decoration text-decoration으로 글 아래, 위, 글 관통, 그리고 하이퍼링크에 아랫줄을 없앨 수 있다. text-decoration: underline; : 글 아래 밑줄 text-decoration: overline; : 글 위 줄 생성 text-decoration: line-through : 글 관통 text-decoration: none : 글자 밑에 라인 생성안함 (보통 하이퍼링크를 생성하면 밑줄이 자동으로 생성되는데 none으로 하면 밑줄이.. 2020. 2. 24.
HTML 공부하기 : 텍스트 색깔 지정(htmlcolorcodes.com 활용하기) h1 { color : 색지정; } 보통 우리가 색을 지정할 때 [색지정] 란에 orange, blue, red 간단한 기본 색만 입혀봤었다. 하지만 항상 이렇게 red, blue, orange만 사용할 수 없다. 다양한 색을 입혀보자! https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values. htmlcolorcodes.com 위 사이트에 접속하면 본인이 원하는 색을 찾아 변경할 수 있다. 위에 RGB는 무엇일까? RGB는 빨.. 2020. 2. 24.
HTML 공부하기 : CSS 따로 만들어서 link로 연결 스타일 입히는 방법은 총 3가지로 알고 있다. 1. HTML 에서 사이에 태그를 이용하여 스타일 하는 법 2. 2020. 2. 18.
HTML 공부하기 : <div>태그 활용하기 태그 예를 들어보기 위해 간단히 테스트 할 html을 만들어보았습니다. 사진은 제 블로그에 있는 사진을 링크걸어 가져왔습니다. 그래도 조금은 스타일을 주기위해 텍스트는 가운데 위아래 마진을 100px을 줬습니다. 그래도 뭔가 허전합니다. apple house와 화해당 나누기 위해 태그를 이용해서 나눠보겠습니다. 애플하우스와 화해당 내용을 div 태그로 감싸주고 class로 "맛집"라고 지정했습니다. 그다음 head 쪽 style에서 배경화면, 모서리 부분 여러 스타일을 주었습니다. 그럼 위와 같이 깔끔하게 정돈할 수 있는 것을 볼 수 있습니다. 태그는 각각의 블록을 알맞게 CSS를 활용하여 배치할 수 있는 장점이 있습니다. 2020. 2. 17.
[python] 문제 풀이(비만도 구하고 결과 출력) #키와 몸무게를 입력받아 비만도를 구하고 결과를 출력하시오(함수를 만드시오) #표준체중(kg) = (신장(cm)-100) * 0.85 #비만도(%) = 현재체중 / 표준체중(%) * 100 def obesityFn(h,w): stdw=(h-100) * 0.85 obesity=w/stdw*100 if obesity 2020. 2. 10.
[python] Dictionary / MVC Dictionary #딕셔너리 d = {'a':10, 'b':20, 'c':30} print(d) print(type(d)) print(d['a']) print(d.get('a',100)) print(d.get('f',100)) d['b'] = 200 #키가 있으면 수정 d['d'] = 40 #키가 없으면 추가 d.pop('a') print(d) MVC(Model View Control) #model view control (MVC) #리스트+튜플 리스트+딕셔너리 data1 = [('DD', 29),('TT',30)] #2차원 구조 data2 = [{'name':'DD','age':29}, {'name':'TT','age':30}] #json array print(data1[0]) print(data1[.. 2020. 2. 10.
[python] indexing , List, tuple Indexing #indexing #통계분석쪽에 많이 사용됨 s = 'abcdef' print(s[0]) print(s[-1]) #slicing [시작인덱스 :끝 인덱스 : 증가치] # 시작인덱스 2020. 2. 10.
[Linux/CentOS 8] history 기능 https://awesomek.tistory.com/entry/LinuxCentOS-8-alias-%EB%AA%85%EB%A0%B9%EC%96%B4-%EB%B3%84%EC%B9%AD?category=832729 [Linux/CentOS 8] alias 명령어 별칭 자주 사용하는 명령어를 alias로 별칭을 이용하여 쉽게 사용하기 위해 설정 기본적으로 위와 같이 설정되어 있다. 자주 사용했던 ls -l 명령어도 ll로 하면 편하게 사용할 수 있다. Alias 등록 예를 들어 history.. awesomek.tistory.com History 기능 여태 CENTOS 리눅스를 사용하면서 많은 명령어를 쳤을거다. 그러면서 키보드 방향 위로 누르면 이전에 사용했던 명령어를 쉽게 찾을 수 있다. 이게 histor.. 2020. 2. 8.

티스토리툴바