Description

생활코딩 에서 제공하는 CSS 강의. WEB2 - CSS 수강 후 보다 구체적인 내용 학습을 위해서 듣기로 결정했다.

Review

Web2-CSS 강의는 잘 짜여진 흐름으로 핵심만 배우는 느낌이라면 클라이언트 항목의 CSS 강의는 강의 연결성은 좀 떨어지더라도 각 항목을 보다 구체적으로 확실히 배울 수 있었다. WEB2-CSS 강의와 중복되는 내용이 많았지만 WEB2-CSS 강의로 흐름을 잡고 이 강의를 들으면 보다 효과적일 것이라고 생각한다.

모든 내용을 빠짐없이 다루진 않지만 웹페이지를 만드는데 무리없이 CSS를 쓸 수 있을 정도로 배운 것 같다.

강의가 짧아서 금방 끝날 것 같은데 생각보다 한 토픽을 배우는데 시간이 많이 걸리고 내용도 많은 편이었고 후반부 가서는 이전 내용이 꽤 흐릿해졌다. 강의를 들을 때 간단하게 노트를 작성하고 그걸 기반으로 정리글을 작성하면서 강의를 들었는데 둘 다 이전 강의내용을 상기시킬 때 효과적이었다. 간략하게라도 이런 장치를 마련하면서 강의를 듣거나 중간중간 실제로 다시 사용해보면서 이전 내용을 놓치지 않는게 중요할 것 같다.

Progress

  • 기간: 2020.02.06 - 2020.04.20
  1. [X] CSS 소개
  2. [X] 실습환경
  3. [X] HTML과 CSS가 만나는 법
  4. [X] 선택자
    1. [X] 선택자와 선언
    2. [X] 선택자의 종류
    3. [X] 부모 자식 선택자
    4. [X] 선택자 공부 팁
    5. [X] 가상 클래스 선택자
    6. [X] 여러가지 선택자들
  5. [X] 속성을 공부하는 방법
  6. [X] 타이포그래피
    1. [X] font-size
    2. [X] color
    3. [X] text-align
    4. [X] font
    5. [X] 서체
    6. [X] 웹폰트
  7. [X] 조화
    1. [X] 상속
    2. [X] stylish
    3. [X] 캐스케이딩
  8. [X] 도구소개 - brackets
  9. [X] 레이아웃
    1. [X] 인라인 VS 블럭레밸
    2. [X] 박스모델
    3. [X] box-sizing
    4. [X] 마진겹침 현상
    5. [X] 포지션
    6. [X] flex
    7. [X] media query
    8. [X] float
    9. [X] 다단(multi column)
  10. [X] 그래픽
    1. [X] 배경(background)
    2. [X] 필터(filter)
    3. [X] 혼합(blend)
    4. [X] 변형(transform)
    5. [X] SVG
  11. [X] 모션그래픽
    1. [X] 전환(transition)
  12. [X] 유지보수
    1. [X] link와 import
    2. [X] 코드 경량화(minify)
    3. [X] CSS 뛰어넘기 (preprocessor)
  13. [X] library
    1. [X] fontello
    2. [X] buttons
    3. [X] Semantic-UI

다음의 세 강의는 필요를 못 느껴 정리글을 작성하지 않았다.