7일차 기록

be kid·2022년 1월 4일
0

BEB - 웹 개발 과정

목록 보기
6/28

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가 너무 어렵게만 느껴졌었는데 어느정도는 감이 잡히는 느낌이다.
여전히 어렵긴하다!

profile
개쩌는 개발자가 되고 싶다 !

0개의 댓글