드디어 web2로 넘어왔다! HTML을 사용하면서 사람들은 정보가 표시되는 방식에 대해 불편함을 느꼈다. 조금 더 아름답게 표현하고 싶은 불편함들이 생겨났다. 그리고 그 불편함을 없애기 위한 방법을 생각했다. 1. 쉽지만 한계가 있는 방법 -> HTML에 디자인과 관련된 새로운 태그 만들기 2. 어렵지만 근본적인 방법 -> 디자인과 관련된 완전히 새로운 언어 만들기 사람들은 처음에 1을 선택했지만, 1의 방법은 이나 와 같이 문자에 대한 정보를 제공해주는 태그와 달리 아무런 태그도 전달해주지 않았다. 디자인은 디자인 그 자체이지 정보가 될 수 없기때문이다. 웹페이지에 정보로의 태그 + 디자인에 대한 태그 가 함께하면서 정보로서의 웹페이지 가치가 떨어지게 된다. 또한, 1억개의 태그에 빨간색의 색을 지정해..
어쩌면 나는 이고잉님의 영상 속 목소리가 참 좋아서 여기까지 잘 따라온 거일지도 모른다. 지금 나는 html에 A부터 Z까지 있구나(웹의 본질) 하는 걸 배웠다. 여기까지가 교양이면 나는 이제부터 혁신-직업을 배워야한다. 교양은 조금만 공부해도 할 수 있는 것이 확 많아지는 반면에, 직업은 아무리 노력해도 잘 늘지 않는다. 생각해 보면 우리 마음이 힘든 것은 교양에 있을 때 빠르게 높아지는 능력의 속도를 보지 않고 낮은 능력을 보기 때문이 아닐까요? 또 직업에 있을 때는 높아진 능력을 보지 않고 느려진 속도를 보기 때문이 아닐까요? 이 말이 뼈때렸다. 영어 공부할 때 그렇기 때문이다. 물론 높아진 능력은 아니지만 그렇다고 해서 잘모른다고 할 수도 없는 이 애매한 영어공부,, 아무튼 중요한 말은 이 상황 ..
이 수업에서는 그동안 막 개발자 관련해서 검색하다보면 많이 들어봤을 서버와 클라이언트에 대해서 배웠다. 일단, 인터넷이 동작하기 위해서는 최소 컴퓨터가 두대가 있어야한다. 2대의 컴퓨터가 인터넷을 통해 서로 연결되어 있고, 정보를 주고받는다. 글로 설명하기 어려워서 화면을 캡쳐했다. 웹 브라우저가 웹서버한테 정보를 요청하면, 웹서버는 웹브라우저에게 정보(index.html)를 응답한다. 그럼 웹브라우저는 그 요청한 정보를 볼 수 있게 된다. 이걸 비즈니스적 비유로 보면 고객인client가 업체server에게 뭔가를 요청하고, 업체는 이에 응답하는거라고 생각하면 된다. 그래서 웹브라우저를 다른 말로 웹클라이언트라고 말할 수 있다. 나의 이해대로 생각해보면 채팅앱 중에 카카오톡을 다운받아서 쓰는 우리는 웹클..
오늘은 그동안 배운 태그들을 이용해서 나의 웹사이트를 만들었다. 태그공책을 아예 안본 것은 아니지만 그래도 조금씩 참조해가면서 만드니까 뿌듯하다 나의 이 자그마한 티끌같은 웹사이트가 나를 조금 행복하게 만들어줬다. 역시 재밌게 하니까 태그들이 그냥 맘대로 외어져서 내 머리 속에 저장되어버렸다.ㅎㅎㅎ 하나하나 캡쳐하기 귀찮아서 그냥 영상으로 녹화했다. 아 그리고 생각보다 안다고 생각했는데 빼먹는 부분들이 있었다. 와 를 헷갈려서 에다가 태그를 걸어놓는다던지ㅋㅋㅋㅋ 아유 이멍청이.. 그래도 바로바로 화면에 잘못된 건 안뜨니까 그 부분을 들어가서 확인하니 아 이건 이렇게 해야지! 하고 알 수 있었다. 이거를 보고하는데도 40분 정도 걸렸는데 안보고 하면 얼마나 걸리려나.. 나중엔 막 이 작업을 20분만에 했으..
HTML 태그의 제왕이라는 링크!!! 사이트 연결하는 법 이번 수업에서는 인체의 혈관과 같은 태그라는 링크태그를 배웠다. HTML의 약자 HyperText Markup Language에서 hypertext가 이 링크태그를 의미한다고 했다. link의 약자이면 l을 쓰면되는거 아닌가 했는데 생각해보니까 이미 목차 list가 있었다. 그리고 링크의 태그는로 anchor의 약자였다. 배가 닻을 내릴때 이 표현을 쓰듯이 우리가 다른 웹페이지로 넘어갈때 닻을 내려서 넘어간다 뭐 이런 의미해서 anchor를 쓴 것이 아닐까. 그런데 이 라는 녀석은 역시 이미지 태그 처럼 속성을 필요로 했다. 혼자서는 기능하지 못하는 녀석... 그래서 우리는 이 a 라는 닻을 어디에 내려야 할 지 정보를 더 알려줘야한다. href ..
이번 수업에서는 웹페이지의 구조에 대해서 배웠다. html에서 웹페이지는 기본적인 구조를 가지는데 이번 수업시간에서 배운 구조는 이러하다. -------------------------------- ------------------------------ 이 구조에 대해서 설명을 하자면 : 이 웹 페이지는 html으로 만들어졌다. 또한 웹페이지에게 이 글은 utf-8로 만들어졌기 때문에 utf-8로 열어야 해~라고 말하는 태그를 배웠다. 우리가 쓰는 글은 한글이기 때문에 한글을 쓰면 웹상에서 이상하게 표현되는 경우가 있는데 이 경우는 인식하지 못해서라고 한다. 더 자세한 건 안알려줬다. 지금 단계에서는 그냥 이정도만 알고 있으면 되는건가 보다. charset = character set 을 뜻한다. 이러한..
오늘의 마지막 수업이다! 바로바로 부모자식과 목록이다! 이거 쓰기전에 몸이 여기저기 쑤셔서 낮잠을 자고 왔더니 몸이 좀 갠찮아 진 것 같다. 이 수업은 고정된 관계에 있는 태그들에 대해서 배운다. 항상 붙어다니는 태그인 것이다. 말하자면 상하관계가 필연적?인 태그들이다. 바로 그것은 목차태그이다. 목차는 영어로 list이다. 이것의 약자를 활용한다. 오늘 할 일 적기 html 강의 3개 듣고 tstory에 정리하기 가장 먼저 배우는 것은 이다. 지금 보이는 이 동그라미 표시가 li를 적용한 것이다. 또 아는만큼 보인다고 티스토리의 목록 옆에 list가 이제서야 눈에 들어온다. 그 다음으로는 저 목록과 다른 목록을 구별할 수 있게 만들어주는 태그이다. 을 사용한다. 이 먼저 오고, 그 다음에 이 오는 것이..
- Total
- Today
- Yesterday
- 문단
- CSS
- property
- study
- 기초
- EBS
- img
- web
- SCRIPT
- git
- Python
- 스피킹공부
- Head
- html
- 줄바꿈
- title
- 생활코딩
- 기록
- tag
- gitbash
- Python Basic
- WebServer
- web1
- speaking
- 파이썬기초
- ATOM
- BASIC
- EASY ENGLISH
- list
- EasyEnglish
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |