📝 성장을 위한 기록
-
[생활코딩] 5. CSS 선택자 & 선택자 우선순위Study/HTML & CSS 2019. 8. 7. 10:00
CSS 선택자 CSS에서 선택자는 디자인 스타일을 적용하고자 하는 HTML의 요소를 선택할 때 사용된다. CSS 선택자는 다양한 종류가 있는데, 어떠한 요소를 선택할 지 세밀하게 조절할 수 있다. 그리고 여러개의 선택자를 통해서 하나의 태그를 공동으로 제어할 수 있다는 특징이 있다. .saw { color:gray; } 1. class 선택자 ▶ .값 { } '그룹핑하다'라는 의미로 사용되는데, 광범위하게 처리하고 싶을 때 사용된다. 클래스 선택자는 비유하자면 고등학교의 특정한 반에 해당한다. 그리고 클래스 선택자에는 여러 개의 속성을 넣을 수 있다. ★동일한 선택자를 함께 기재했다면, 마지막에 기재한 선택자가 우선 순위이다. 따라서 위 사진을 보면, 2.html 링크 태그에서 saw와 activ..
-
[생활코딩] 4. CSS의 등장 & CSS의 문법Study/HTML & CSS 2019. 8. 6. 10:00
CSS의 등장 초기 HTML은 오직 검은색 글자로만 나열되었다. 그래서 사람들은 글씨 색을 바꾸는 등의 더 다양한 기능들을 원했고, HTML에 디자인 가능한 코드를 추가했다. 하지만 이는 웹의 가치를 퇴보시키고 근본적인 문제를 해결하지 못했다. 그리고 아예 새로운 언어를 만들기 시작했고, 그것이 CSS 이다. 특정한 태그를 대상으로 CSS를 통해 디자인하고 싶을 때는 이렇게 작성하는 것은 웹브라우저에게 " ~를 CSS 언어로 해석해서 처리해라 " 라고 전달해주는 것이다. 그리고 CSS는 HTML보다 더 효율적으로 디자인 기능을 하도록 되어있다. [예시] Xiubin world one two three a 태그가 걸린 곳에 기존 HTML 문법을 사용할 경우 모든 a태그 위에 ~ 태그를 넣어줘야 디자..
-
[생활코딩] 3. 웹의 역사 & 웹호스팅 & 웹서버Study/HTML & CSS 2019. 8. 5. 10:00
이번 강의에서 들은 내용은 굉장히 흥미로웠다. 웹의 탄생 비화에 대해서 처음 알게 됐고, 웹을 이루고 있는 구조가 어떠한지 파악하게 됐다. 생활코딩의 egoing님은 정말 알아듣기 쉽게 설명해주셔서 강의 내용이 쏙쏙 들어온다. "우리도 컴퓨터,인터넷,웹과 같이 혁명적인 것을 만들어야하죠. 그러기 위해서는 이 혁명이 어떻게 시작되고 지속되고 소멸되는가에 대한 맥락을 알 필요가 있습니다." [ 인터넷과 웹 ] 인터넷이 도시라면 웹은 도시 위에 있는 건물 하나이다. 즉, 웹은 인터넷의 부분집합에 해당한다. 인터넷 Internet : 컴퓨터로 연결하여 TCI / IP라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크. 월드 와이드 웹 World Wide Web : 인터넷에 연결된 컴퓨터들..
-
[생활코딩] 2. 속성 & HTML 필수 태그Study/HTML & CSS 2019. 8. 4. 10:00
내가 생활코딩 강의를 좋아하는 이유 중에 하나는 단순히 코딩 언어를 재미없게 이론만 나열하는 식의 강의가 아니기 때문이다. 생활코딩 강의를 들으면 강사님의 인생철학도 들으면서 삶의 방향성에 대해 진지한 고민을 해보기도 하고, 언어의 문법에 대한 역사적인 사실들 그리고 다양한 배경지식들을 알아갈 수 있다. 단순한 코딩강의가 아닌 생활코딩의 매력에 너무 퐁당 빠져버렸다..! (강사님 목소리도... 아주 좋아효★) [ 속성 (Attribute) ] 태그를 만든 사람들은 태그 이름만으로는 정보가 부족하다는 것을 알게 되었다. 따라서 태그의 심화된 문법을 도입하는데, 그것이 바로 속성(Attribute) 이라는 문법이다. 속성이라는 새로운 문법이 추가되면서 태그는 이전 보다 풍부한 표현력을 갖게 되었다. ..
-
[생활코딩] 1. HTML과 코딩 & 기본 태그Study/HTML & CSS 2019. 8. 4. 00:33
생활코딩이라는 무료 강의를 기반으로 요약 정리하며, 개인적인 복습을 위한 포스팅이다. 포스팅을 작성하기에 앞서서 작성 이유를 적어봤다. 우선 나는 기억력이 엄청나게 좋은 편은 아니다. 그래서 강의를 1번만 들으면 모든 것을 기억하지 못하기 때문에 예전부터 기록하는 습관을 들였다. 이번에 무료로 수강하는 생활코딩 강의 역시 위와 같이 메모장을 활용해서 강의 노트를 만들었다. 강의를 듣자마자 내가 이해할 수 있을 만큼만 일목요연하게 정리해놓은 것이고, 이것을 보기 좋게 한 번 더 정리하면서 모든 정보를 나의 것으로 만들기 위한 목적이다. https://www.opentutorials.org 오픈튜토리얼스에는 많은 무료 강의가 있다. 프로그래밍 관련 강의 외에도 개발자영어, 가드닝, 영상편집..