TIL 2주차 1,2일-CSS, 계산기

학습내용

1. CSS

• 웹페이지의 디자인을 담당.

• id 활용 : 한개의 태그에만 적용

"html doc"
<h4 id="navigation title"> this is the navigation section. </h4>

"css doc"
#navigation title {
	color : red;
}

• class 활용 : 여러개의 태그에 다수 적용

"html doc"
<li class="menu-item">home </li>
<li class="menu-item">mac </li>
<li class="menu-item">iphone </li>
<li class="menu-item">ipad </li>

"css doc"
.menu-item {
	text-decoration : underline;
}

• class는 . 으로 호출, id는 #으로 호출
• 우선 적용 순위 : id > class > tag
• class 간 우선 적용 순위 : 나중에 있는 class
• 디자인 적용 방법
  • 인라인 스타일
  • 내부 스타일 시트
  • 외부 스타일 시트
• margin(바깥여백) - border(테두리) - padding (안쪽 여백) - content
• 다수의 속성에 대해서는 www.w3schools.com 에서 연습.

2. 계산기 작성

• 스프린트(sprint) : 프로토타입을 계속해서 만들고, 잘 동작하는지 검증하는 과정
• git의 레포지토리, 포크, 요청
• document.querySelector ();   :    class 혹은 id 검색
• ().textcontet ();   :    (변수명)의 문자열 정보, 변수에 string 문자열 할당과는 차이가 있음.

3. 코플릿

• 변수와 자료형 재풀이
• 조건문 재풀이

4. 유튜브 생활코딩 공부
   • WEB1 - HTML & INTERNET : ~19화

미비한점
CSS 의 디자인 쪽은 계속 연습을 더 해야 하며
w3schools 를 활용해서 더 많이 해보야 할거 같다.
결국 단순 보는 공부가 아닌 키보드를 활용하는 공부다. 명심!!!

느낀점

난 역시나 너무 늦었다..이 점을 생각하고 생각하고 더 압박감을 느껴야 하며
동등하게라도 맞추기 위해서는 10분,1시간씩 더 해보는 수밖에 없다....잊지 말자....