오늘의 도전과 배움
오늘의 도전
- 오전 6~7시 사이 기상 - 실패! ; 아침에 할 일(미션)을 정해놓고 자야겠다. 그래서 내일은 조조 영화를 예매해봤다.
- 아침 명상 - 실패 ; 명상안하고 더 잠
- 점심 식사 12시 30분 - 약간 실패? 약간 성공? ; 1시에 샌드위치 먹음
- 매일 공부 - 앉아있기는 하지만 집중력이 매우 짧다. 한 15분?...타임타이머가 가지고싶다.
오늘의 배움
- tcpschool에서 HTML 파트에서 4. HTML 공간 분할 부터 11 챕터 끝까지 읽은것.
iframe:
iframe을 처음(내 기억으로는) 접함. 웹페이지안에 박스를 넣고 그 안에 또다른 사이트를 자유롭게 붙여넣는게 매우 신기하다.
박스안에서 스크롤도 가능
레이아웃:
table 요소를 이용하여 레이아웃을 작성하는 방법은 오래전에 사용하던 방식이며, 현재는 거의 사용하지 않습니다.
table 요소는 레이아웃을 만들기 위해 설계된 요소가 아니므로, 테이블로 작성된 레이아웃은 수정이 매우 힘듭니다.
이것두 첨 알았네.. 프젝할때 테이블 많이 썼는데.
5. HTML 입력 양식
이 부분은 학원에서 프로젝트하면서 계속 헷갈려서 힘들었던 부분인데, 설명이 잘되어있어서 너무 기쁘다!
필요할 때마다 계속 봐야겠다.
스타일 적용의 우선순위
위에서 설명한 스타일 적용 방법들이 혼합되어 사용될 경우, 최종적으로 적용되는 스타일은 다음 순서에 따라 결정됩니다.
1. 인라인 스타일
2. 내부 / 외부 스타일 시트
3. 웹 브라우저 기본 스타일
---> 와 이것두 맨날 헷갈렸는데!
아이디(id) 선택자
HTML과 CSS에서는 하나의 웹 페이지에 속하는 여러 요소에 같은 아이디 이름을 사용해도 별 문제없이 동작합니다.
하지만 이렇게 중복된 아이디를 가지고 자바스크립트 작업을 하게 되면 오류가 발생합니다.
따라서 되도록이면 하나의 웹 페이지에 속하는 요소에는 다른 아이디 이름을 사용하거나 클래스를 사용하는 것이 좋습니다.
자바스크립트란?
자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다.
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.
XHTML(EXtensible HTML)
XHTML은 EXtensible HTML을 의미합니다.
XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있습니다.
좀 더 엄격한 버전인 XHTML을 사용하는 이유
오늘날 웹 콘텐츠는 기존의 PC 위주의 환경에서 벗어나 여러 다양한 플랫폼에서 더욱 많이 이용되고 있습니다.
따라서 부정확한 HTML 문법을 지원하는 데 필요한 자원이 부족한 환경이 점차 생겨나기 시작합니다.
XHTML 문서는 하나의 XML 문서로서 문법적으로 정확하므로, 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해집니다.
--->XHTML이 XML인가? 아님. XHTML이 기존 HTML과 XML의 장점을 하나로 합친 개념.
의미 요소(semantic element)
이것도 정확히 몰라서 프로젝트 할때 HTML5와 HTML4방식을 섞어 썼었다.
Canvas
canvas라는 개념은 처음 접한다. svg도 써본 적 없어.. 신기하다.
HTML5 API
HTML5에서 새롭게 추가된 API는 모두 자바스크립트로 구현되어 있습니다.
그러므로 수업의 내용을 이해하기 위해서는 자바스크립트에 대한 기초 지식이 필요합니다.
따라서 수업 내용을 따라가기가 힘들다면 자바스크립트를 공부하고 나서 다시 살펴보는 것도 좋습니다.
---> HTML5도 API가 있군! API는 정확히 무엇일까? 그리고 이건 자바스크립트를 보고나서 다시 봐야겠다.
궁금한 점, 어려웠던 점
-
XML은 정확히 뭐지? XHTML도 아직 뭔지 잘 모르겠다.
'HTML5는 XML이나 XHTML과는 달리 문법적으로 매우 유연하게 대처합니다.'라는데 학원 프로젝트에서는
왜 XML을 HTML5와 같이 쓴걸까? -
플러그인이 대체 뭐지? HTML도 플러그인이 있고 다른데도 플러그인을 많이 들어봤는데 써본적이 없어 감이 없다.
-
나는 야행성인 거 같아 좀 고민이다.. 아침형 삶이 더 좋아보이긴하는데. 그래도 12시엔 컴을 꺼야지.
안되면 야행성 생활 플랜을 짜봐야겠다.
내일 해보고 싶은 점, 방향
- 리액트 작업환경 설정
- todolist 연습
- tcpschool JavaScript 부분 읽기 시작
