생활코딩

Coding Everybody

코스 전체목록

닫기

CSS 수업

| 공개

CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. 화가가 붓을 만드는 법을 알 필요는 없지만, 붓을 만드는 사람보다 붓 질은 훨씬 잘해야 할 것입니다. 붓 질하는 법을 모른다면 표현하고자하는 것을 제대로 표현하는 것이 어려울 것이니까요. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니다. 

 

 

먼저 공부하셔야 할 것

CSS를 공부하기 위해서는 선행해야 할 것이 있습니다. 바로 HTML 입니다. 만약 html에 대해서 전혀 모르신다면 여기서 출발하시면 안됩니다. 제가 추천 드리고 싶은 선행 수업은 두가지 입니다. 

웹의 전체적인 모습이 보고 싶다면 위의 수업 중 '생활코딩 웹에플리케이션 만들기' 수업을 추천합니다. 혹은 html을 좀 더 깊게 공부하고 싶다면 위에서 '생활코딩 html 수업'을 추천드립니다. 물론 html에 정통해야 할 이유는 전혀 없습니다. CSS가 급하게 필요하시다면 html이 무엇인지 정도만 파악하고 CSS 학습을 시작하셔도 전혀 문제 없습니다. 

 

 

YOUTUBE가 편한 분은 youtube 재생목록을 이용하실 수 있습니다. 

본 수업은 한국어 자막이 제공되고 있습니다. 

한국어 자막 작업에 참여해주신 고마운 분들을 소개합니다. 

  • 김효찬
  • 이영은
  • GavinKim
  • 오혜진
  • 박동엽
  • Seongsoo Yoon
  • 손량
  • 류수원
  • 박광수
  • Seohyeon Kwon
  • Jayoung Kim
  • 이지연
  • 이희진
  • 김연진
  • 김용성
  • 김민경
  • 이예찬
  • SiYoung Oh

댓글

댓글 본문
  1. 콜라
    20200925 시작
  2. 김성곤
    20200715 감사합니다!
  3. 열심히사는사람
    5월 26일
    대화보기
    • 열심히사는사람
      다시 시작
    • 한강
      새롭게 시작합니다 ~! ^^
      200526
    • 20-04-13 시작
    • 2020 04 13 Start
    • 이슬
      20/03/30 시작
    • 강정철
      제가 이고잉님은 아니지만 그래도 조금이라도 도움이 되시라고 댓글을 달아요.
      일단 질문에 대한 답은 객관적으로 파이썬이죠. 객관적인 이유는 현재 나온 인공지능에 관련된 서적(머신러닝, 딥러닝, 자연어처리, 머신비전, 조금 넓게는 빅데이터까지)중에서 압도적으로 파이썬이 많습니다.
      다만 거기서 쓰는 모듈들은 파이썬이 아니라 저수준 언어인 경우가 많지만 모듈을 직접 만들고 알고리즘을 짜실 게 아니라면 파이썬을 배우시면 될 것 같네요.
      대화보기
      • alex1028
        안녕하세요 아직 코딩 초보인 중학생입니다.제가 인공지능개발에 궁금한게 많고 만들어보고 싶은데 인공지능 개발에 제일 특화된 언어가 무엇인지 현직(?) 프로그래머인 egoing님이 알려주실 수 있을까요?
      • 까치발
        꾸준히 잘 듣고있어요 너무 감사합니다!!
      • 서울꺼벙천사
        2020년 2월 12일 수요일
        CSS Study를 Start합니다
      • 달ㄹ린다!
        css 달ㄹ린다!
      • 솔솔
        안녕하세요 입문자입니다:) 우선 이런 고퀄리티 강의를 제공해주셔서 감사드립니다.
        덕분에 재미있게 공부하고 있습니다. 여쭤보고 싶은게 있습니다.
        클라이언트 폴더에서 html 끝내고 css로 넘어왔는데 본문에 안내해주신
        시작 전 먼저 공부해야 할 수업 중 '생활코딩 웹에플리케이션 만들기'에 들어가보니
        html, css,자바 등 이론&실습이 섞여 있어서 어떤수업을 먼저 들어야 할지 헷갈립니다.
      • genericc
        <a href="https://www.genericday.com/zhewitra-10-mg.html">ZHEWITRA </a>10 MG an FDA approved medicine for keeping erectile dysfunction off the guard in men. It has Vardenafil (the main component of Levitra) as the primary salt which boosts the blood inrush
      • 김세종
        2019-07-13 수강시작
      • lygon
        2019-02-16 완료
      • 박정환
        webn에서 html이랑 css 들었는데 이곳 수업이 더 풍부해 보이네요... 여기 있는 걸로 들어야 하는 걸까요?
      • 송채영
        와우 정말 기대된다~^^
      • 김민영
        완료
      • 별사탕
        이고잉님! 덕분에 CSS를 공부할 수 있어서 정말 감사드려요 ^^
        조금 더 나아가고 싶은데,
        쇼핑몰 레이아웃짜는거에대해
        좀 더 구체적으로 공부하고 연습할수있는 방법은 없을까요?
        예제같은게 많이 나와있는 홈페이지가 있을지 문의드려요 !

        열심히 연습해서 쇼핑몰의 한 페이지를 코딩해보고싶어요 ~^^
      • KyeongSik Kim
        good!
      • GO!
      • 고유르
        css 2018-07-20 시작합니다 국비지원하기전까지 ! 달려가봅니다!
      • nomad코딩
        2018/3/6 자바스크립트(언어) 함수 이전까지 끝내고, html끝내고 css시작!!
      • 웹프로그래머가되고싶다
        부족한 실력이지만 답변 드립니당
        웹브라우저 내의 렌더링 엔진에서 html + css + js 등을 번역해 화면에 띄워주는것으로 알고 있습니다.
        엔진은 대부분 c++ 로 작성되서 빠른 속도로 돌아갑니당. 브라우저 마다 엔진은 다르고, 대표적인 렌더링 엔진으로는 크롬의 v8 엔진이 있습니다
        혹시라도 틀린 내용이 있으면 대댓 달아주시면 감사하겠습니다 ㅠㅠ
        대화보기
        • 월급루팡
          정말 궁금한게 있습니다.
          '화가가 붓을 만드는 법을 알 필요는 없지만, 붓을 만드는 사람보다 붓 질은 훨씬 잘해야 할 것입니다.'

          화가가 붓을 만드는 법을 알 필요는 없지만, 그 부분이 너무 궁금합니다.
          css나 html이나 어떻게 만들어졌을까? 하는겁니다. 이부분에 대해서 조금이라도 알려주실 수 있는 분은 답글 좀 부탁드립니다.
        • 잭슨장
          텍스트 버전이 있었으면 참 좋을텐데 아쉽네요 ㅜㅜ 공부할수 있는곳이 동영상을 활용하긴 힘든곳이라...

          방법은 없겠죠?
        • JN87
          180101 시작합니다 ^^
        • 푸른하늘
          열심히 배워보겠습니다 감사합니다
        • violet
          화이팅~~!
        • 오빠는다르다
          추석 연휴 열공~! 화이팅!!!!
        • 아침해
          시작합니다!
        • 웅웅
          css 한번 빠르게 정주행 갑니당
        • protester
          HTML 완주 후 바로...CSS 정주행 시작함다! 아자~!
        • nevertoolate
          자 모든 기본 과정 마치고 css 시작합니다. 아름답게 가꾸는 것은 늘 좋은 일이라 생각하는데...
          기대가 됩니다. 감사합니다.
        • 토마토신
          이고잉님 항상 감사합니다. css 정주행 시작하겠습니다
        • 주헌이네
          css 시작합니다!!
        • 정말 너무 감사합니다! 엄지 척척!!
        • Seunghyun Shin
          시작 !
        • 14번째
          5.5.
        • spacepublisher
          CSS의 가장 최신버전인 CSS3의 새로운 속성들은 일반적인 PC사이트를 만들기엔 '크로스브라우징'이슈가 많습니다.
          그러나 '크로스브라우징' 이슈가 별로없는, 예컨대 모바일온리 사이트나, 유저에게 크롬/파폭 등의 굿브라우저 사용을 강요할 수 있는 프로젝트라면, CSS3 적극 활용하면 좋죠.
          또한, CSS 기본문법을 선행하는게 맞다고 생각합니다.
          대화보기
          • 변용주
            CSS3 이 아닌 CSS로 공부해도 상관없을까요 ?
          • 또배고프다
            모든 강좌가 너무 유용합니다. 감사합니다.
          • jgatsby
            강좌들이 새로 업데이트 됬네요 !, 완전 알차요 ㅜ 역시 갓고잉님
          • 마끼아또같은남좌
            17/01/18
            css 공부 복습 시작 !
          • 얄루
            2016.12.29 CSS 시작
          • 만복이
            시작
          • 임지호
            16.12.18 CSS 강의 시작!
          • cngustnr123@naver.com
            오늘 도서관에서 7시간 안에 다 볼것입니다.
          graphittie 자세히 보기