우리는 css를 통해서 웹페이지를 예쁘게 원하는 대로(?) 만들 수 있다. 이 수업에서는 두가지를 목표로 했는데 1. h1 의 크기를 더 키우기 2. h1 을 가운데 정렬하기 이었다. 사실 어제 강의를 듣고나서 두번째로 다시 듣는 거라서 기억을 되살려서 했다가 기억이 나지 않았다. 그래서 검색창에 css text size property 라고 쳤는데 font가 나왔다. 아마자 font였지.ㅎㅎ,, 그리고 2번은 생각이 나서 수월하게 할 수 있었다. 이 캡쳐에서는 오른쪽에 있는 것처럼 보이지만... 화면상에는 가운데로 정렬되었다. 우리는 많은 것을 모르지만 검색을 통해 바로 알아낼 수 있기 때문에 아는 것과 다름없다는 말이 감명깊었다.
몇일동안 조금 게을러져서 안하다가 다시 마음을 다잡고... 공부를 시작하였다. 코로나 때문에 어디 가지도 못하고 이게 뭐람! 오늘은 CSS의 기본문법에 대해서 배웠다. CSS를 이용하는 방법에는 두가지가 있다. 1. 안 여기서 링크가 연결된 것의 밑줄을 없애고 싶을 때 { }안에 text-decoration:none; 을 넣어준다. 그러면 모든 a 태그에 대해서 밑줄이 없어진다. (여기서 세미콜론(;)을 쓰는 이유!) 1. color:red; text-decoration:none; 이 둘을 한줄에 썼다고 가정하면 ;를 사용하지않으면 구분이 되지 않는다. 2. 효과가 끝나는 지점에 대한 표시 하지만, 내가 선택한 링크 a 에 대해서는 밑줄을 남기고 싶을때는 head아래의 style말고 안에 style="t..
드디어 web2로 넘어왔다! HTML을 사용하면서 사람들은 정보가 표시되는 방식에 대해 불편함을 느꼈다. 조금 더 아름답게 표현하고 싶은 불편함들이 생겨났다. 그리고 그 불편함을 없애기 위한 방법을 생각했다. 1. 쉽지만 한계가 있는 방법 -> HTML에 디자인과 관련된 새로운 태그 만들기 2. 어렵지만 근본적인 방법 -> 디자인과 관련된 완전히 새로운 언어 만들기 사람들은 처음에 1을 선택했지만, 1의 방법은 이나 와 같이 문자에 대한 정보를 제공해주는 태그와 달리 아무런 태그도 전달해주지 않았다. 디자인은 디자인 그 자체이지 정보가 될 수 없기때문이다. 웹페이지에 정보로의 태그 + 디자인에 대한 태그 가 함께하면서 정보로서의 웹페이지 가치가 떨어지게 된다. 또한, 1억개의 태그에 빨간색의 색을 지정해..
영상 속에서는 추적 코드가 tracking code라고 되어 있었는데 이건 번역이 되어 있어서 추적코드를 누르면 되었다. 그리고 저 옆에 있는 global site tag를 head 태그 안쪽에 첫번째 항목으로 넣으라고 했다. 그래서 head 안에 넣었고, 화면에는 보이지 않지만 구글 애널리틱스가 들어가 있다. 저 실시간 아래에는 잠재고객이란 게 있는 데 그걸 누르면 그 밑에 항목을 통해 사용자들이 어떤 언어를 쓰고, 어떤 지역에 거주하고 있는지에 대한 정보가 뜬다. 조금 무서운 세상이라고 느꼈다. 이외에도 사용자들이 어떤 브라우저와 운영체제를 많이 쓰는지에 대한 정보가 다 나타났다.. 나는 티스토리에서 방문자 몇명 표시해주는 그런 기능인 줄 알았는데 실제로는 더 엄청난 기능이었던 것이다...... 그리..
댓글기능과 마찬가지로 채팅기능도 이러한 서비스를 제공해주는 걸 이용할 것이다. 그 서비스는 tawk이라고 한다. 그 사이트에서 이렇게 생긴걸 복사했다. 이 내용은 먼지 모르지만 채팅서비스 코드라고 한다! 이고잉님 영상 설명에는 한글로 텍스트가 왔는데 왜 영어로 오는 거지?ㅠ 알 수없지만 넘기자. 이 사진은 내가 만든 사이트 HI JIN 의 화면이고 아래는 이 서비스를 운영하는 사이트에서 볼 수 있는 화면이다 이렇게 해서 무료 서비스를 이용해 내 사이트에 채팅창도 만들었다. 만약에 이런 서비스가 무지 많다면 내가 직접 만들 필요없이 이렇게 이런저런 서비스를 가져와서 조립하는 것이 멋진 게 아닐까 그리고 그 과정이 무지 재밌을 것 같다. 하나의 예술품을 만드는 기분일 것이다.
DISQUS란 서비스를 이용해서 댓글 기능을 다는 방법을 배웠다. 이 서비스 말고도 LiveRe라는 서비스도 있다고 한다. DISQUS 를 이용해서 티스토리의 html에 복사하니까 댓글창은 안뜨고 이렇게 뜬다 으응? 이 코드내용은 알필요가 없다고 했다. 그래서 아톰을 켜서 내가만든 프로젝트를 열고 index에 수정했다. 여기서 중요한 것은 웹상으로 이용하는 것이기 때문에 우리가 그전에 이용했던 bitnami 서비스를 이용해서 내가 만든 웹페이지를 열고, 웹서버를 열어놓아야 한다는 것이다. 나는 htdocs 디렉토리에 들어가서 수정을 하였다. 만약에 내가 web폴더에 있는 사이트를 연다면 그건 주소가 컴퓨터에서 여는 것이기때문에 웹상에서 이러한 댓글 서비스를 제공해주는 걸 이용하지 못한다. --------..
- Total
- Today
- Yesterday
- WebServer
- 줄바꿈
- Python Basic
- gitbash
- 생활코딩
- BASIC
- property
- ATOM
- EBS
- SCRIPT
- html
- 기록
- web
- study
- CSS
- git
- 기초
- 파이썬기초
- tag
- title
- Python
- EASY ENGLISH
- img
- EasyEnglish
- Head
- 문단
- speaking
- 스피킹공부
- list
- web1
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |