이온

(47) WEB2-CSS - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 7. CSS 선택자의 기본 ] class라는 그룹으로 묶고, saw라는 속성 값을 주어 ** 우선순위 : id 선택자 > class 선택자 > 태그 선택자 (구체적인 것이 포괄적인 것보다 우선순위가 높음) " css selector " 검색을 통해 여러가지 형태의 선택자 활용 [ WEB2 - 8. 박스 모델 ] box.html 파일에서 작업했다. 인 제목 태그는 화면 전체를 사용하는 반면, 링크 태그는 줄 바꿈을 하지 않고 콘텐츠 크기만큼 사용-> 테두리를 그리면 부피를 알 수 있다. block : 화면 전체를 쓰는 태그inline : 자기 자신의 부피, 콘텐츠 크기만큼 갖는 태그 block과 inlin..

(47) WEB2-CSS - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 1. 수업 소개 ] WEB1과 연관된 수업 목적 : HTML을 이용하면 전자 문서를 만들 수 있다. 더 원하는 웹 페이지를 만들기 위해 CSS가 필요 [ WEB2 - 2. CSS가 등장하기 전의 상황] 웹페이지를 아름답게 만들기 위한 고민이 생김 1. HTML에 디자인에 대한 새로운 태그 추가하기 2. 디자인에 최적화된 완전히 새로운 언어 만들기 (CSS) 방법 1에서 디자인에 대한 태그 를 사용함 (지금은 사용하지 않음) -> 는 해당 글에 대한 어떠한 정보를 가지고 있지 않음, 단지 디자인만 나타내고 있음 (의미가 없음) 정보가 아닌 디자인에 대한 코드가 섞이면서 웹페이지가 정보로서의 가치가 현격하게..

WEB1- HTML & Internet - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB1 - 9. 줄바꿈 : br vs p] 'html new line tag' 검색을 통해 줄바꿈 찾기 : 줄바꿈 , 열리는 태그와 닫히는 태그가 따로 존재하지 않음 을 통해 단락 처럼 구분 할 수 있음 'html paragraph tag' 검색을 통해 단락 표현 찾기 : 단락 표현하기 br태그는 단순한 줄바꿈인 반면에, p태그를 사용해 단락의 처음과 끝을 알 수 있다. 이를 통해 단락의 구간을 의미론적으로 표현 할 수 있다. -> 정보로서 더 가치있는 HTML이 된다는 것의 중요성 but br태그는 원하는 만큼 줄바꿈을 할 수 있지만, p태그는 정해진 여백만큼만 벌어짐 이는 css 문법(margin..

WEB1- HTML & Internet - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB1 - 1. 수업소개 ] 나의 문제를 코딩으로 해결하려는 엔지니어를 상상하기 해결하려는 문제를 찾기 [ WEB1 - 2. 프로젝트의 동기 ] SQL언어를 알려주는 강의를 시작함 같은 이야기를 반복, 대면이 아닐경우 참석하지 못하는 한계가 있음 HD화질이 생겨 온라인 강의를 시작하는 계기가 됨 [ WEB1 - 3. 기획 ] 무엇인가를 만들기 전에 해당 대상을 1상상하고 2계획하고 3구체화하는 과정 필요 기획 - 설계, 그려보는 과정 코딩수업과 내용을 정리할 수 있는 웹사이트를 기획함 [ WEB1 - 4. 코딩과 HTML ] 사람과 기계가 하는 작업을 분리해서 생각해보기 (어떤 것이 원인이고 결과인지..