Achievement Goals
- 다양한 CSS 셀렉터 규칙을 이해할 수 있다.
- 후손 셀렉터와 자식 셀렉터의 차이는 반드시 알아야 합니다.
- 레이아웃을 위한 HTML을 만들 수 있다.
- Flexbox를 이용해 레이아웃을 만들 수 있다. (다음 속성에 대한 이해가 있어야 합니다)
- 방향: flex-direction
- 얼마나 늘릴 것인가?: flex-grow
- 얼마만큼의 크기를 갖는가?: flex-basis
- 수평 정렬: justify-content
- 수직 정렬: align-items
오늘은 위 목록을 바탕으로 다시 한번 CSS를 공부했다. 그리고 와이어프레임과 목업에 대해 배우고 실습해보는 시간을 가졌다. 유명한 파랑새 SNS를 흉내내보며 목업 과제를 수행했다.
Achievement Goals
- 만들고 싶은 앱의 와이어프레임을 그려볼 수 있다.
- 와이어프레임만 보고 HTML로 코딩할 수 있다.
- div 태그 또는 section, header 등의 시맨틱 태그로 영역을 구분하는 이유를 이해할 수 있다.
- HTML 문서에서 언제 id 혹은 class를 사용해야 하는지 이해할 수 있다.
얼마전까지만 해도 CSS가 너무 어렵게만 느껴졌었는데 어느정도는 감이 잡히는 느낌이다.
여전히 어렵긴하다!