생활코딩

Coding Everybody

코스 전체목록

닫기

CSS 수업 - 폐지 예정

| 공개
본 수업은 오래된 수업이기 때문에 새로운 수업인 'https://opentutorials.org/course/2418'로 대체됩니다. 새로 시작하시는 분은 새로운 수업을 보시기 바랍니다. 

코스소개

CSS는 HTML을 꾸며주는 언어입니다. 
CSS를 이용하면 HTML로 만들어진 웹페이지를 
질서정연한 문서로 만들수도 있고,
복잡한 UI(User Interface)들의 결합체인 웹에플리케이션으로 만들수도 있습니다.

공부방법

HTML이 이해할 것은 별로 없는데 외울 것이 많다면, 
CSS는 외울 것도 많고, 이해해야 할 것도 조금 많은 편입니다. 
선택자나 박스모델 같은 것은 처음에는 이해하기 조금 어려울수도 있습니다. 
이러한 개념들을 이해했다고 해도 실제로 다양한 개념들이 복합적으로 얽혀 있어서
당분간은 안개속에 있는 것 같은 느낌이 들수도 있습니다.

따라서, 강의만 보고 CSS를 마스터 했다고 생각하면 안타깝게도 오해입니다.
직접 코딩을 하면서 여러가지 문제에 부딪쳐봐야 합니다.(머는 안 그렇겠어요? ^^)
그러다보면 CSS의 선택자들을 이용해서 재활용성을 높이는 것에 관심을 갖게 되고, 
또 브라우저 간의 특성들에 익숙해지면서 자유자재로 웹페이지를 디자인할 수 있게 됩니다. 

특히, 정보 표현 언어로서의 HTML과
정보를 디자인하는 언어로서의 CSS라는 관계를 이해하는 것이 중요합니다.
이 둘의 역활을 질서정연하게 조화시키면 
검색엔진 최적화, 코드의 재활용성, 협업능력의 향상과 같은 목표들에 도달할 수 있을꺼에요. 

무엇보다 중요한 것은 사전찾는 법, 검색하는 법, 질문하는 법입니다. 
이것들이야 말로 생활코딩의 커리큘럼들이 여러분에게 알려드리고 싶은 것들입니다. 

그 시작점이 한글화된 CSS 사전입니다.
생활코딩 CSS 사전은 지금 만들고 있습니다.

생활코딩 밖에서 CSS에 대한 정보를 얻을 수 있는 곳을 소개해드리면 이렇습니다. 

실습방법

타이핑해보지 않는 지식은 이론으로 머물뿐 경험이 되지 못합니다. 
수업에서 등장하는 예제를 직접 타이핑해보세요.
HTML 소개에서 했던 말을 그대로 옮겨봅니다. 

컴퓨터라는 것이 획 하나만 틀려도 엉뚱한 결과를 출력하기 때문에 이런 문제에 직면하면 당황하게 됩니다.
공부에 할애하려고 스스로에게 약정했던 시간을 훌쩍 넘어가면서 초조해집니다.
그런데 바로 그 순간에도 뇌는 HTML코드를 주시하면서 로직의 흐름,
문법적인 용법을 내 안으로 받아들이고 있다는 것을 기억하세요.
그 순간을 이겨내면 실력의 계단을 한칸 오른겁니다. 

댓글

댓글 본문
작성자
비밀번호
  1. 김상규
    css 한글 레퍼런스 가 봤더니 사이트 이전이 있는 듯합니다.
    링크 수정이 필요해 보여서요...
  2. Joon Lee
    명언입니다!
  3. 포토샵
    좋은 내용의 강의 감사합니다~~
  4. Park Agi
    막막하기만 했었는데 하나씩 배워나갈께요^^
  5. JustStudy
    사전찾는 법, 검색하는 법, 질문하는 법, 실습.
    고맙습니다
  6. aristoi
    저도 시작합니다.!!!
  7. 시~작 합니다
  8. cajung
    도전시작합니다.
  9. 도전!!
  10. SK Kim
    시작!
  11. 양배추
    최대한 빨리 가르쳐 주세요.^^~~감사합니다
  12. 양배추
    혹시 이미지 크기 조정하는것 css에서 할수 있나요? 할수 있으면 가르쳐주시면 감사하겠습니다.
    그리고 덕분에 잘 공부하고 있어요. 감사합니다.^^~~
  13. KinB
    감사합니다!! 마음 굳게 먹고 도전합니다, CSS!!
  14. 왕초보
    열씨미 해볼랍니다. ㅎㅎ
  15. min e
    이곳에서 마스터하겠습니다.
  16. dani
    무엇을 모르는지 모르는 상태에서 조금씩 변해가고있어요. 땡큐에요!
  17. Jeen-Woo Choi
    출발합니다~~
  18. 크레용샘
    CSS 정주행!! 아자아자!!
  19. 올드보이
    Start css~
  20. 이경호
    CSS 정주행 시작합니다.
  21. Kevin Ahitub Che
    13년 만에 다시 웹프로그래밍에 발을 담굽니다 ㅠ 좋은 지식공유 감사합니다.
  22. 찐똥구리구리
    css go!!
  23. 이성재
    좋은 강의 항상 감사합니다 ^>^
  24. 정민
    저도 시간이 훌쩍 넘어가면서 초초해지니깐 쬐끔 집중하게 되더라구요..공감!!
  25. dtghbfcg
    udhssfh


    s
    g
    sfgv
    fd
    gf
    b
    gdf
    gvdf


    g
    fc
    gf
    cdgggggggggggggggggggggggggggggggggggggggggggg















































































































    g
    gggggggggggggggggggggggg

































































    g
  26. 서현뿌뿌
    CSS공부 시작합니다 ^.^
  27. Kh Ryu
    공부방법 세 번째 문단 역활 (-> 역할) 오타 있습니다^^
  28. 상기
    css 한글 레퍼런스 어떻게 사용하는 건가요?

    다운 받아서 열었는데 목록은 뜨는데 내용이 보이지 않네요..ㅠㅠ
  29. 하식이
    친구의 추천으로 들어왔는데 깔끔하게 정리가 되어있어서 너무 좋습니다. 감사해요. 종종 들러서 배울고갈게요 ^^
  30. 지애
    양질에 자료를 이렇게 무료로 볼 수 있다는게 정말 좋아요
    감사합니다
    책 꼭 구매할게요!!
  31. 정익
    10년 이상 IT업종에 근무했지만, 실제 개발은 전~혀 하지 않았습니다.
    이번에 도전해 보려고 합니다.
    생활코딩 감사합니다.
  32. 후아
    열심히 해보겠습니다!
  33. 바이준
    와우 대박입니다. 아무리 컨텐츠가 많아도 정리가 않되어있거나 가독성이 떨어지면 잘안보게되는데. 심플하고 가독성좋고 정말 최고인듯합니다.<br />
    <br />
    한가지궁금한게 생겼는데요.<br />
    제가 독학으로 구버전?? 드림위버+html정도 다룰줄압니다. 그래서 테이블코딩이고 당연히 웹표준과는 멀어지게되더라구요<br />
    <br />
    새로 공부할까하는데. 요즘헷갈려요...html5 + css3냐....아니면 html 4.0+css2? 냐...솔직히 지금말한 궁합도 모르고요... 제가 개발자위주로간다면야 최신버전으로 공부해야겟지만...아주 구시대? 테이블사용하고있고 그렇게 코딩된곳도 많아서 유지보수쪽으로는 구버전이 맞겠지만....css가없거나 활성화되기 시대에 배웟으니....현재상황에 어떤걸배워야할지 막막하네요....html5와 css3 를배우려했으나.....익스플러어는 아직멀었다고 비추해서......어떤게 맞는건지 헷갈리네요...ㅜ.ㅜ 부트스트랩도 제이쿼리처럼 속성포함하고있어서 편한거같고... 여러가지면에서...추천좀 해주세요...ㅠ.ㅠ 한마다한마디가 제가 산으로갈지 바다로갈지 갈려요...
  34. mimiandchopa
    감사합니다.
  35. meme
    쉽게 설명해 주셔서 감사합니다....^^
    근데 뒤돌아서면 잊어 먹네요 ㅋ
    열심히 익히겠습니다
  36. 용12
    감사합니다! 열심히 배우겠습니다~
  37. Chris
    자 이제부터 시작해봅니다.
  38. Starmomo
    CSS가 와닿지 않아서 다시 봅니다. 준비 시~작!
  39. 잘 보겠습니다.
  40. 그런데 바로 그 순간에도 뇌는 HTML코드를 주시하면서 로직의 흐름,문법적인 용법을 내 안으로 받아들이고 있다는 것을 기억하세요.
    >어려운 순간에도 뇌는 코드를 익히고 있고, 로직의 흐름과 문법이 서서히 뇌리에 스며들고 있다는 것을 기억하세요.가 더 명확합니다. -ㅅ-
  41. '공부에 할애하려고 스스로에게 약정했던 시간을 훌쩍 넘어가면서 초조해집니다.'
    라는 문장은 다소 어색한 문장이네요. 굳이 어려운 한자어를 써서 더욱 그렇구요.
    >미리 정한 공부 시간을 훌쩍 넘어가면서 초조해지기 시작합니다.'
    가 의미 전달이 더 쉽고 명확하겠습니다.
  42. egoing
    수정 했습니다. 감사합니다 :)
    대화보기
    • 공부에 활애하려고 -> 공부에 할애하려고
    • Kizuna
      굿굿
    • asdf
      좋은강좌 잘듣고 갑니다
    graphittie 자세히 보기