회고록-(2)

1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요.

이제 실제 코드를 배우면서 개발 공부의 워밍업에 들어갔다. 아직까지는 아는 내용이기도 해서 할만하다. 오늘 공부하다 점심을 먹고 꾸벅꾸벅 졸면서 글읽는거 같아, 30분 자고 다시 공부했다.

잠자는게 제일 어려운거 같다. 공부시간대에 열심히 공부하고, 저녁식사후 운동하고, 밤에 핸드폰만 안보면 충분히 잘수 있다. 이거만 지키려고 노력해보자.

2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요.

HTML

• tag, self-closing tag, MarkupLanguage, semantic tag, elements, property, MDN, tree 구조

CSS

• selectors, property, MDN, box(inline box, block, ), margin,padding, border,content,pseudo-classes, id= ,class=

3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요.

HTML

• tag를 이용한 마크업 언어
• 웹의 구조를 구성
• 대부분 아래 처럼 구성되어있고, 간간히 self-closing tag가 있다. <tag attribute>content<tag>
• a, div,span, button등의 다양한 tag들과 reference를 제공하는 MDN
• 시맨틱 태그(article, section, footer등)로 전반적인 웹의 구역을 파악할 수 있다.

CSS

• HTML에 적용하여 스타일링해주는 언어
• selectors와 속성으로 이루어져 있다.
• 를 통해 html이랑 연결할수 있다.(여러개 연결가능)
• html 각 tag들은 box 구조로 이루어져 있다. 그리고 각 tag마다 다른 box들을 가지고 있다.
• margin-border-padding-content 의 구조로 box가 구성되어 있다.
• selectors는 아래 기호에 따라 여러가지를 선택해온다.
  • 공백, '.', '#'
  • ':'를 이용한 Pseudo class(가상클래스)로 특정한 부분들을 선택해올 수 있다.

4. 설명하기 어려운 단어가 있다면, 그 이유는 무엇인가요?

semantic tag

• 단어를 처음 봐서 어렵게 느낀듯하다.
  • 정의 : relating to meaning in language or logic.
  • 즉 보자마자 관련된 느낌이 오는 텍스트? or 태그라고 볼수 있다.
  • 사실 div와 다르지는 않지만, 구역을 나누어 가독성을 높이기 위해 사용된다.

5. 그 단어를 스스로 설명할 수 있기 위해서 누군가에게 질문을 한다면, 어떤 질문을 해야 할까요?

• 시맨틱 태그는 다른 tag와 무엇이 다르고 왜 사용하는걸까요?